/* CTP Journey · estados de interaccion y reglas responsivas de los componentes web */
.ctpj-btn{display:inline-flex;align-items:center;gap:8px;font-family:var(--font-sans);font-weight:700;font-size:15px;line-height:1;padding:13px 20px;border-radius:var(--radius-sm);text-decoration:none;border:1.5px solid var(--acento);transition:background .15s,color .15s,border-color .15s;cursor:pointer}
.ctpj-btn--primario{background:var(--acento);color:var(--sobre-acento)}
.ctpj-btn--primario:hover{background:var(--verde-tinta);border-color:var(--verde-tinta);color:var(--papel)}
.ctpj-btn--secundario{background:transparent;color:var(--acento)}
.ctpj-btn--secundario:hover{background:var(--fondo-menta)}
.ctpj-btn--texto{border-color:transparent;padding:13px 4px;color:var(--enlace);text-decoration:underline;text-underline-offset:4px}
.ctpj-btn--texto:hover{color:var(--enlace-hover)}
.ctpj-btn:focus-visible,.ctpj-nav a:focus-visible,.ctpj-card:focus-visible,.ctpj-foot a:focus-visible{outline:2px solid var(--acento);outline-offset:2px}
.ctpj-nav a{color:var(--texto-secundario);text-decoration:none;font-size:15px;font-weight:500;padding:6px 2px;border-bottom:2px solid transparent}
.ctpj-nav a:hover{color:var(--texto)}
.ctpj-nav a[aria-current="page"]{color:var(--texto);border-bottom-color:var(--acento)}
.ctpj-card{display:flex;flex-direction:column;text-decoration:none;color:inherit;background:var(--fondo);border:1px solid var(--borde);border-radius:var(--radius-md);transition:border-color .15s,transform .15s}
.ctpj-card:hover{border-color:var(--acento);transform:translateY(-2px)}
.ctpj-foot a{color:var(--bruma);text-decoration:none}
.ctpj-foot a:hover{color:var(--papel);text-decoration:underline}
.ctpj-hero__art{display:block}
@media (max-width:720px){.ctpj-head{flex-wrap:wrap}.ctpj-nav{order:3;flex:1 1 100%!important;overflow-x:auto}.ctpj-head>.ctpj-btn{margin-left:auto}.ctpj-hero{padding:40px 0!important}.ctpj-hero__title>div,.ctpj-hero__title span{font-size:34px!important}.ctpj-hero__art{display:none}.ctpj-hero{grid-template-columns:1fr!important}.ctpj-foot__grid{grid-template-columns:1fr!important}}
@media (prefers-reduced-motion:reduce){.ctpj-card,.ctpj-btn{transition:none}.ctpj-card:hover{transform:none}}