# Juan Balenciaga Marín > Periodismo, comunicación y nuevas narrativas. Historias contadas con curiosidad, rigor y cuidado. ## Posts - [Hello world!](https://lightgoldenrodyellow-armadillo-548710.hostingersite.com/hello-world/): Welcome to WordPress. This is your first post. Edit or delete it, then start writing! ## Pages - [inicio](https://lightgoldenrodyellow-armadillo-548710.hostingersite.com/80-2/): /* CONFIGURACION EDITABLE: colores, tamanos y recorte de la cabecera */ #jb-home{ --jb-verde:#174D43; --jb-verde-oscuro:#103A32; --jb-verde-niebla:#EDF3F0; --jb-cobre:#A65F46; --jb-cobre-oscuro:#884B35; --jb-cobre-suave:#F6ECE6; --jb-blanco:#FFFFFF; --jb-tinta:#171717; --jb-gris:#666666; --jb-linea:#E6E6E6; --jb-serif:"Playfair Display",Georgia,"Times New Roman",serif; --jb-sans:"Roboto",system-ui,-apple-system,"Segoe UI",Arial,sans-serif; --jb-h1:clamp(2.25rem,1.2rem + 3.6vw,4.25rem); --jb-h2:clamp(1.75rem,1.2rem + 1.8vw,2.625rem); --jb-p:clamp(1rem,.95rem + .2vw,1.125rem); --jb-ancho:1160px; /* Recorte de la foto de cabecera: horizontal y vertical */ --jb-hero-pos-escritorio:62% 30%; --jb-hero-pos-movil:70% 20%; font-family:var(--jb-sans);font-size:var(--jb-p);line-height:1.6;color:var(--jb-tinta);background:var(--jb-blanco); -webkit-font-smoothing:antialiased;overflow-x:hidden; } #jb-home *,#jb-home *::before,#jb-home *::after{box-sizing:border-box} #jb-home img{max-width:100%;display:block} #jb-home h1,#jb-home h2,#jb-home h3,#jb-home p,#jb-home ul{margin:0} #jb-home a{color:var(--jb-verde)} #jb-home :focus-visible{outline:3px solid var(--jb-cobre);outline-offset:3px;border-radius:2px} .jb-wrap{width:100%;max-width:var(--jb-ancho);margin-inline:auto;padding-inline:clamp(20px,4vw,32px)} .jb-seccion{padding-block:clamp(56px,8vw,104px)} .jb-seccion--niebla{background:var(--jb-verde-niebla)} .jb-seccion--cobre{background:var(--jb-cobre-suave)} .jb-h2{font-family:var(--jb-serif);font-weight:500;font-size:var(--jb-h2);line-height:1.18;letter-spacing:-.01em;max-width:20ch} .jb-etiqueta{font-size:.875rem;font-weight:500;color:var(--jb-cobre-oscuro);margin-bottom:14px;display:flex;align-items:center;gap:12px} .jb-etiqueta::before{content:"";width:32px;height:1px;background:var(--jb-cobre)} .jb-texto{max-width:62ch} /* Botones y enlaces */ .jb-btn{display:inline-flex;align-items:center;justify-content:center;min-height:48px;padding:12px 26px;font:500 1rem/1.2 var(--jb-sans);text-decoration:none;border:1px solid var(--jb-verde);background:var(--jb-verde);color:var(--jb-blanco)!important;border-radius:2px;transition:background .2s} .jb-btn:hover{background:var(--jb-verde-oscuro)} .jb-btn--linea{background:transparent;color:var(--jb-verde)!important} .jb-btn--linea:hover{background:var(--jb-verde);color:var(--jb-blanco)!important} .jb-enlace{font-weight:500;font-size:1rem;text-decoration:none;border-bottom:1px solid var(--jb-cobre);padding-bottom:2px;display:inline-block} .jb-enlace:hover{color:var(--jb-verde-oscuro);border-bottom-width:2px} /* A. - [Elementor #15](https://lightgoldenrodyellow-armadillo-548710.hostingersite.com/elementor-15/) [comment]: # (Generated by Hostinger Tools Plugin)