<link href="styles/curriculum.css" type="text/css" rel="stylesheet"><!DOCTYPE html>
/* =========================================
   1. IMPORTAR FUENTE
   ========================================= */
/* 1. Traemos la fuente de Google */
@import url('https://fonts.googleapis.com/css2?family=Comic+Neue:ital,wght@0,300;0,400;0,700;1,300;1,400;1,700&display=swap');

/* 2. Definimos tus estilos de letra */
.comic-neue-light { font-family: "Comic Neue", cursive; font-weight: 300; }
.comic-neue-regular { font-family: "Comic Neue", cursive; font-weight: 400; }
.comic-neue-bold { font-family: "Comic Neue", cursive; font-weight: 700; }
.comic-neue-bold-italic { font-family: "Comic Neue", cursive; font-weight: 700; font-style: italic; }

/* 3. Diseño sencillo */
body {
    background-color: #f4f4f4;
    margin: 0;
}

#contenedor-cv {
    display: flex; /* Esto pone una columna al lado de la otra */
    max-width: 900px;
    margin: 20px auto;
    background-color: white;
}

/* Columna de la izquierda con fondo AZUL CLARITO */
.columna-izquierda {
    background-color: #d1e9ff; /* Azul clarito */
    width: 30%;
    padding: 20px;
}

.foto {
    width: 100%; /* La foto se ajusta al ancho de la columna */
    border-radius: 10px; /* Bordes un poco redondeados */
    margin-bottom: 20px;
}

/* Columna de la derecha */
.columna-derecha {
    width: 70%;
    padding: 30px;
}

h1 { color: #333; }
h2 { border-bottom: 1px solid #ccc; }
p { margin: 5px 0; }