.juan-section{background:#fff!important;color:#111;overflow:hidden}
.juan-layout{display:grid;grid-template-columns:49% 51%;max-width:1720px;margin:0 auto;min-height:625px;align-items:stretch}
.juan-copy{padding:74px 12px 58px clamp(30px,7.2vw,140px);align-self:center;position:relative;z-index:1}
.juan-kicker{display:flex;align-items:center;gap:18px;font:800 clamp(17px,2vw,26px) Arial,Helvetica,sans-serif;letter-spacing:.1px;color:#080808;margin-bottom:32px}
.juan-kicker span{display:inline-block;width:30px;height:30px;background:#ffd21b;flex:none}
.juan-copy h2{font-family:Arial,Helvetica,sans-serif;font-size:clamp(37px,3.2vw,65px);font-weight:400;color:#314b92;letter-spacing:-1.5px;line-height:1.05;margin:0 0 28px}
.juan-copy h2 span,.juan-copy h2 strong{display:block}
.juan-copy h2 strong{font-size:1.58em;font-weight:700;line-height:.98}
.juan-copy p{font:400 clamp(15px,1.26vw,20px)/1.44 Arial,Helvetica,sans-serif;margin:0 0 21px;max-width:670px;text-align:justify}
.juan-copy p:last-child{margin-bottom:0}
.juan-portrait{display:block;overflow:hidden;position:relative;background:#fff;min-height:625px}
/* PNG oficial con transparencia: sin máscaras, sin recortes laterales y sin textos incrustados. */
.juan-portrait img{position:absolute;right:0;bottom:0;display:block;width:auto;height:100%;max-width:100%;min-height:0;object-fit:contain;object-position:right bottom}
.juan-portrait::before,.juan-portrait::after{content:none}
@media(max-width:980px){.juan-layout{grid-template-columns:52% 48%;min-height:550px}.juan-copy{padding:55px 24px 48px 35px}.juan-copy h2{font-size:clamp(34px,4vw,46px)}.juan-copy p{font-size:15px}.juan-portrait{min-height:550px}}
@media(max-width:700px){.juan-layout{display:flex;flex-direction:column}.juan-copy{padding:55px 24px 10px}.juan-kicker{font-size:17px;gap:12px;margin-bottom:25px}.juan-kicker span{width:22px;height:22px}.juan-copy h2{font-size:44px;letter-spacing:-1px}.juan-copy p{font-size:16px;text-align:left}.juan-portrait{min-height:0;height:auto}.juan-portrait img{position:static;width:100%;height:auto;max-width:100%;object-fit:contain;object-position:bottom center}}

/* Parrafos justificados en escritorio y movil */
.juan-copy p, .daniel-copy p { text-align: justify !important; text-align-last: left; }

/* Ajuste movil: justificacion de los parrafos, sin alterar encabezados */
@media (max-width:700px) {
  .juan-section .juan-copy p { text-align:justify !important; text-align-last:left; hyphens:auto; -webkit-hyphens:auto; }
}

/* Cargo bajo el nombre de Juan Antonio Pena. */
.juan-section .juan-kicker{margin-bottom:5px}
.juan-section .juan-role{font:500 clamp(15px,1.35vw,19px) Arial,Helvetica,sans-serif;color:#314b92;margin:0 0 25px 48px}
@media(max-width:700px){.juan-section .juan-role{margin-left:34px;margin-bottom:23px;font-size:15px}}

/* Cargo de Juan Antonio: misma tipografia que PRESIDENTE DE CIUCA. */
.juan-section .juan-role{font:800 clamp(16px,1.7vw,25px)/1.2 Arial,Helvetica,sans-serif!important;color:#050505!important;text-transform:uppercase!important;}
@media(max-width:700px){.juan-section .juan-role{font-size:17px!important;}}

/* Solo movil: igualar el nombre de Juan Antonio al nombre de Daniel Reyes. */
@media (max-width:700px){.juan-section .juan-kicker{font-size:22.1px!important;line-height:1.25!important;font-weight:800!important}.juan-section .juan-role{font-size:17px!important;line-height:1.2!important;font-weight:800!important}}