.czx {
  --czx-oro: #dfbd78;
  --czx-oro-claro: #f4d79a;
  --czx-rosa: #d98983;
  --czx-azul: #86a9cf;
  --czx-crema: #f7eee6;
  --czx-tinta: #d9ccd5;
  width: 100%; max-width: 72rem; margin: 0 auto; color: var(--czx-tinta);
}
.czx *, .czx *::before, .czx *::after { box-sizing: border-box; }
.czx h2, .czx h3, .czx p { text-wrap: pretty; }
.czx h2, .czx h3 { font-family: var(--display); font-weight: 600; }
.czx .versalita { margin: 0; color: var(--czx-oro); font-size: .68rem; font-weight: 750; letter-spacing: .2em; line-height: 1.45; text-transform: uppercase; }

.czx-hero {
  position: relative; min-height: clamp(27rem,55vw,38rem); overflow: hidden;
  border: 1px solid rgba(223,189,120,.38); border-radius: 28px;
  background: #080813; box-shadow: 0 28px 90px rgba(0,0,0,.38);
}
.czx-hero>img { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; }
.czx-hero-velo {
  position: absolute; inset: 0; pointer-events: none;
  background:
    linear-gradient(90deg,rgba(5,5,17,.92) 0%,rgba(10,7,19,.52) 39%,rgba(8,7,18,.08) 72%),
    linear-gradient(0deg,rgba(5,5,15,.92) 0%,transparent 45%),
    radial-gradient(circle at 54% 50%,rgba(224,177,82,.08),transparent 24%);
}
.czx-hero-copy { position: absolute; z-index: 1; left: clamp(1.4rem,5vw,4rem); bottom: clamp(1.7rem,5vw,4rem); width: min(35rem,calc(100% - 2.8rem)); }
.czx-hero-copy h2 { max-width: 32rem; margin: .65rem 0 0; color: #fff; font-size: clamp(2.25rem,5.8vw,4rem); line-height: .95; }
.czx-hero-copy>p:last-child { max-width: 33rem; margin: 1.2rem 0 0; color: #ded1d9; font-size: clamp(.94rem,1.7vw,1.06rem); line-height: 1.7; }

.czx-panel {
  position: relative; margin-top: 2rem; overflow: hidden; padding: clamp(1.35rem,4vw,3rem);
  border: 1px solid rgba(223,189,120,.28); border-radius: 24px;
  background:
    radial-gradient(circle at 13% 5%,rgba(177,64,74,.16),transparent 29%),
    radial-gradient(circle at 88% 8%,rgba(72,104,153,.16),transparent 30%),
    linear-gradient(145deg,#1b0e18,#0d0b17 56%,#0b101a);
  box-shadow: 0 22px 65px rgba(0,0,0,.28);
}
.czx-panel::before {
  content:""; position:absolute; inset:0; pointer-events:none; opacity:.18;
  background-image: linear-gradient(rgba(223,189,120,.12) 1px,transparent 1px),linear-gradient(90deg,rgba(223,189,120,.12) 1px,transparent 1px);
  background-size: 54px 54px; mask-image: radial-gradient(circle at 50% 20%,#000,transparent 73%);
}
.czx-panel-cab { position: relative; z-index: 1; max-width: 47rem; margin: 0 auto 2rem; text-align: center; }
.czx-panel-cab h2 { margin: .55rem 0 0; color: #fff; font-size: clamp(1.9rem,4vw,2.7rem); line-height: 1; }
.czx-panel-cab>p:last-child { max-width: 42rem; margin: .9rem auto 0; color: #bfaeb8; font-size: .92rem; line-height: 1.65; }
.czx-form { position: relative; z-index: 1; }
.czx-selectores { display: grid; grid-template-columns: minmax(0,1fr) 2.4rem minmax(0,1fr); align-items: center; gap: .75rem; }
.czx-selector { min-width: 0; margin: 0; padding: clamp(1rem,2.5vw,1.5rem); border: 1px solid rgba(255,255,255,.13); border-radius: 18px; background: rgba(4,4,12,.48); }
.czx-selector legend { padding: 0 .5rem; color: var(--czx-crema); font: 600 1.45rem/1 var(--display); }
.czx-selector>p { margin: 0 0 .9rem; color: #8f808a; font-size: .72rem; text-align: center; }
.czx-signos { display: grid; grid-template-columns: repeat(4,minmax(0,1fr)); gap: .5rem; }
.czx-signos button {
  min-width: 0; min-height: 5rem; padding: .55rem .25rem .5rem;
  border: 1px solid rgba(255,255,255,.13); border-radius: 12px;
  background: linear-gradient(155deg,rgba(255,255,255,.045),rgba(0,0,0,.16)); color: #d7cbd2;
  font: inherit; cursor: pointer; transition: transform .18s ease,border-color .18s ease,background .18s ease,box-shadow .18s ease;
}
.czx-signos button:hover { transform: translateY(-2px); border-color: rgba(223,189,120,.48); background: rgba(223,189,120,.07); }
.czx-signos button>span { display: block; color: #caa4a0; font: 400 1.55rem/1 var(--display); transition: color .18s ease,filter .18s ease; }
.czx-selector[data-czx-selector="b"] .czx-signos button>span { color: #9ab4d1; }
.czx-signos b { display: block; overflow: hidden; margin-top: .32rem; color: #f5edf1; font-size: .72rem; text-overflow: ellipsis; white-space: nowrap; }
.czx-signos small { display: block; margin-top: .15rem; color: #766a73; font-size: .55rem; letter-spacing: .05em; text-transform: uppercase; }
.czx-signos button[aria-pressed="true"] {
  border-color: var(--czx-oro); background: radial-gradient(circle at 50% 12%,rgba(223,189,120,.2),rgba(124,61,74,.13) 62%,rgba(0,0,0,.2));
  box-shadow: inset 0 0 0 1px rgba(255,238,196,.12),0 0 22px rgba(223,189,120,.12); transform: translateY(-2px);
}
.czx-signos button[aria-pressed="true"]>span { color: var(--czx-oro-claro); filter: drop-shadow(0 0 8px rgba(223,189,120,.28)); }
.czx-union { display: flex; flex-direction: column; align-items: center; gap: .45rem; color: #7b6472; }
.czx-union i { display: block; width: 1px; height: 4.7rem; background: linear-gradient(transparent,rgba(223,189,120,.55),transparent); }
.czx-union span { display: grid; place-items: center; width: 2.2rem; height: 2.2rem; border: 1px solid rgba(223,189,120,.25); border-radius: 50%; font-size: .8rem; transition: color .3s ease,box-shadow .3s ease,border-color .3s ease; }
.czx-listo .czx-union span { color: var(--czx-oro-claro); border-color: rgba(223,189,120,.7); box-shadow: 0 0 24px rgba(223,189,120,.24),inset 0 0 12px rgba(223,189,120,.1); animation: czx-pulso 2.4s ease-in-out infinite; }
@keyframes czx-pulso { 50% { box-shadow: 0 0 34px rgba(223,189,120,.36),inset 0 0 15px rgba(223,189,120,.14); } }

.czx-btn { display: inline-flex; align-items: center; justify-content: center; gap: .85rem; min-height: 3rem; border-radius: 999px; font: 750 .82rem/1 var(--ui); cursor: pointer; }
.czx-btn:focus-visible,.czx-signos button:focus-visible,.czx-ambitos button:focus-visible,.czx-perfiles a:focus-visible,.czx-faq summary:focus-visible,.czx-precision a:focus-visible,.czx-calculadora a:focus-visible { outline: 2px solid #fff; outline-offset: 3px; }
.czx-btn-principal { min-width: min(100%,25rem); margin: 1.5rem auto 0; padding: .8rem 1.4rem; border: 1px solid #f0d28f; background: linear-gradient(135deg,#f0ce82,#bc7c5f); color: #28101b; box-shadow: 0 10px 28px rgba(0,0,0,.24); transition: transform .16s ease,filter .16s ease; }
.czx-btn-principal i,.czx-btn-compartir i { font: 400 1.2rem/1 var(--ui); }
.czx-btn-principal:hover,.czx-btn-compartir:hover { filter: brightness(1.08); transform: translateY(-1px); }
.czx-form>.czx-btn-principal { display: flex; }
.czx-error { margin: .75rem 0 0; color: #f3a9a3; font-size: .78rem; font-weight: 650; text-align: center; }
.czx-privacidad { display: flex; align-items: center; justify-content: center; gap: .35rem; margin: .8rem 0 0; color: #766a73; font-size: .63rem; }

.czx-resultado { scroll-margin-top: 1rem; margin-top: 2rem; animation: czx-entra .55s ease both; }
@keyframes czx-entra { from { opacity: 0; transform: translateY(15px); } to { opacity: 1; transform: none; } }
.czx-resultado-cab {
  position: relative; display: grid; grid-template-columns: minmax(0,1fr) minmax(10rem,.72fr) minmax(0,1fr); align-items: center; gap: 1rem; overflow: hidden;
  padding: clamp(1.3rem,4vw,2.5rem); border: 1px solid rgba(223,189,120,.36); border-radius: 24px 24px 0 0;
  background: radial-gradient(circle at 13% 50%,rgba(183,70,76,.23),transparent 28%),radial-gradient(circle at 86% 50%,rgba(73,109,159,.23),transparent 28%),linear-gradient(110deg,#200d18,#0c0b16 50%,#0b1220);
}
.czx-resultado-cab::before { content:""; position:absolute; left:50%; top:50%; width:13rem; height:13rem; translate:-50% -50%; border:1px solid rgba(223,189,120,.12); border-radius:50%; box-shadow:inset 0 0 0 2rem rgba(223,189,120,.018),inset 0 0 0 4rem rgba(223,189,120,.018); }
.czx-identidad { position: relative; z-index: 1; display: flex; align-items: center; gap: 1rem; min-width: 0; }
.czx-identidad-b { flex-direction: row-reverse; text-align: right; }
.czx-identidad>span { flex: 0 0 auto; display: grid; place-items: center; width: clamp(4.3rem,8vw,6.2rem); height: clamp(4.3rem,8vw,6.2rem); border: 1px solid rgba(223,189,120,.46); border-radius: 50%; color: #f2c1af; background: radial-gradient(circle,rgba(180,69,74,.22),rgba(9,7,15,.88) 72%); font: 400 clamp(2.1rem,5vw,3.3rem)/1 var(--display); box-shadow: inset 0 0 0 7px rgba(223,189,120,.035),0 0 28px rgba(180,69,74,.12); }
.czx-identidad-b>span { color: #bdd1e8; background: radial-gradient(circle,rgba(67,107,156,.24),rgba(8,9,17,.9) 72%); box-shadow: inset 0 0 0 7px rgba(223,189,120,.035),0 0 28px rgba(67,107,156,.13); }
.czx-identidad div { min-width: 0; }
.czx-identidad b { display: block; overflow: hidden; color: #fff; font: 600 clamp(1.45rem,3vw,2.2rem)/1 var(--display); text-overflow: ellipsis; white-space: nowrap; }
.czx-identidad small { display: block; margin-top: .48rem; color: #9c8c96; font-size: .63rem; line-height: 1.45; }
.czx-afinidad { position: relative; z-index: 1; min-width: 0; text-align: center; }
.czx-afinidad>span { display: block; color: var(--czx-oro); font-size: .75rem; }
.czx-afinidad strong { display: block; margin-top: .25rem; color: #fff4df; font: 600 clamp(3.1rem,8vw,5.4rem)/.86 var(--display); font-variant-numeric: tabular-nums; }
.czx-afinidad strong small { color: var(--czx-oro); font-size: .35em; }
.czx-afinidad p { margin: .62rem 0 0; color: #a899a3; font-size: .64rem; font-weight: 700; letter-spacing: .09em; text-transform: uppercase; }

.czx-ambitos { display: grid; grid-template-columns: repeat(3,1fr); border: 1px solid rgba(223,189,120,.25); border-top: 0; background: #0c0a12; }
.czx-ambitos button { display: grid; grid-template-columns: auto 1fr auto; align-items: center; gap: .7rem; min-width: 0; min-height: 4.4rem; padding: .7rem clamp(.7rem,2vw,1.2rem); border: 0; border-right: 1px solid rgba(223,189,120,.14); background: transparent; color: #968892; font: inherit; cursor: pointer; transition: background .2s ease,color .2s ease; }
.czx-ambitos button:last-child { border-right: 0; }
.czx-ambitos button>span { display: grid; place-items: center; width: 2rem; height: 2rem; border: 1px solid rgba(223,189,120,.2); border-radius: 50%; color: #b47b7f; }
.czx-ambitos button b { overflow: hidden; font-size: .78rem; text-align: left; text-overflow: ellipsis; white-space: nowrap; }
.czx-ambitos button strong { color: #d8c6d0; font: 600 1.3rem/1 var(--display); font-variant-numeric: tabular-nums; }
.czx-ambitos button[aria-selected="true"] { background: linear-gradient(90deg,rgba(181,69,77,.17),rgba(223,189,120,.08)); color: #fff; box-shadow: inset 0 -2px var(--czx-oro); }
.czx-ambitos button[aria-selected="true"]>span { color: var(--czx-oro-claro); border-color: rgba(223,189,120,.55); }

.czx-lectura { padding: clamp(1.35rem,4vw,3rem); border: 1px solid rgba(223,189,120,.25); border-top: 0; border-radius: 0 0 24px 24px; background: linear-gradient(150deg,#160d15,#0a0911 58%,#0b1019); }
.czx-lectura-cab { display: flex; align-items: end; justify-content: space-between; gap: 1.2rem; }
.czx-lectura-cab h2 { max-width: 47rem; margin: .45rem 0 0; color: #fff; font-size: clamp(2rem,4.5vw,3.15rem); line-height: .98; }
.czx-aspecto { flex: 0 0 auto; display: block; padding: .7rem .9rem; border: 1px solid rgba(223,189,120,.2); border-radius: 10px; background: rgba(0,0,0,.22); text-align: right; }
.czx-aspecto small { display: block; color: #786c75; font-size: .56rem; font-weight: 700; letter-spacing: .11em; text-transform: uppercase; }
.czx-aspecto b { display: block; margin-top: .32rem; color: var(--czx-oro-claro); font: 600 1.12rem/1 var(--display); }
.czx-resumen { max-width: 55rem; margin: 1.25rem 0 0; color: #f0e6eb; font-size: clamp(1rem,2vw,1.1rem); font-weight: 620; line-height: 1.75; }
.czx-dinamica { max-width: 57rem; margin: .85rem 0 0; color: #bbaeb6; font-size: .92rem; line-height: 1.72; }
.czx-metricas { display: grid; grid-template-columns: repeat(3,1fr); gap: 1rem; margin-top: 1.8rem; }
.czx-metricas>div { min-width: 0; padding: 1rem; border: 1px solid rgba(255,255,255,.1); border-radius: 12px; background: rgba(0,0,0,.22); }
.czx-metricas p { display: flex; align-items: center; justify-content: space-between; gap: .7rem; margin: 0; color: #a99aa4; font-size: .68rem; font-weight: 650; }
.czx-metricas p b { color: #fff4df; font: 600 1.2rem/1 var(--display); font-variant-numeric: tabular-nums; }
.czx-metricas>div>div { height: .38rem; margin-top: .75rem; overflow: hidden; border-radius: 999px; background: rgba(255,255,255,.08); }
.czx-metricas i { display: block; width: 0; height: 100%; border-radius: inherit; background: linear-gradient(90deg,#b45f6b,var(--czx-oro),#9bb8da); transition: width .85s cubic-bezier(.2,.7,.3,1); }
.czx-claves { display: grid; grid-template-columns: repeat(3,1fr); gap: 1rem; margin-top: 1rem; }
.czx-clave { position: relative; min-width: 0; min-height: 12rem; padding: 1.15rem; overflow: hidden; border: 1px solid rgba(255,255,255,.1); border-radius: 14px; background: rgba(255,255,255,.025); }
.czx-clave>span { display: grid; place-items: center; width: 2.1rem; height: 2.1rem; border: 1px solid rgba(223,189,120,.26); border-radius: 50%; color: var(--czx-oro); }
.czx-clave small { display: block; margin-top: .75rem; color: #998b94; font-size: .59rem; font-weight: 750; letter-spacing: .12em; text-transform: uppercase; }
.czx-clave p { margin: .55rem 0 0; color: #e5d9df; font-size: .82rem; line-height: 1.63; }
.czx-clave-luz { background: linear-gradient(145deg,rgba(155,102,58,.13),rgba(255,255,255,.02)); }
.czx-clave-reto { background: linear-gradient(145deg,rgba(123,53,77,.15),rgba(255,255,255,.02)); }
.czx-clave-consejo { background: linear-gradient(145deg,rgba(55,87,121,.15),rgba(255,255,255,.02)); }
.czx-elementos { display: flex; align-items: center; gap: 1rem; margin-top: 1rem; padding: 1rem 1.2rem; border: 1px solid rgba(223,189,120,.18); border-radius: 12px; background: rgba(223,189,120,.035); }
.czx-elementos>span { flex: 0 0 auto; color: var(--czx-oro); font: 400 1.8rem/1 var(--display); }
.czx-elementos small { color: #8f808a; font-size: .56rem; font-weight: 750; letter-spacing: .12em; text-transform: uppercase; }
.czx-elementos p { margin: .3rem 0 0; color: #cfc2c9; font-size: .8rem; line-height: 1.55; }
.czx-perfiles { margin-top: 1.6rem; text-align: center; }
.czx-perfiles>div { display: flex; flex-wrap: wrap; justify-content: center; gap: .6rem; margin-top: .75rem; }
.czx-perfiles a { padding: .55rem .85rem; border: 1px solid rgba(223,189,120,.22); border-radius: 999px; color: var(--czx-oro-claro); font-size: .75rem; text-decoration: none; }
.czx-perfiles a:hover { border-color: rgba(223,189,120,.55); background: rgba(223,189,120,.06); }
.czx-acciones { display: flex; flex-wrap: wrap; align-items: center; justify-content: center; gap: .65rem; margin-top: 1.35rem; }
.czx-btn-compartir { padding: .72rem 1.1rem; border: 1px solid #eccd88; background: linear-gradient(135deg,#e8c477,#b97861); color: #241019; }
.czx-btn-secundario { padding: .72rem 1rem; border: 1px solid rgba(223,189,120,.34); background: rgba(223,189,120,.05); color: #eadccf; }
.czx-btn-texto { min-height: auto; padding: .5rem .65rem; border: 0; background: transparent; color: #9b8c96; text-decoration: underline; text-decoration-color: rgba(223,189,120,.32); text-underline-offset: 4px; }
.czx-acciones>[role="status"] { flex: 0 0 100%; min-height: 1.1rem; margin: 0; color: #a99ba4; font-size: .68rem; text-align: center; }

.czx-contenido { margin-top: clamp(3.5rem,8vw,6rem); }
.czx-contenido>header { max-width: 49rem; margin: 0 auto; text-align: center; }
.czx-contenido>header h2 { margin: .55rem 0 0; color: #fff; font-size: clamp(2.1rem,4.5vw,3.25rem); line-height: 1; }
.czx-contenido>header>p:last-child { margin: 1rem auto 0; color: #b8abb4; font-size: .94rem; line-height: 1.75; }
.czx-metodo { display: grid; grid-template-columns: repeat(3,1fr); gap: 1rem; margin-top: 2rem; }
.czx-metodo article { min-width: 0; padding: 1.35rem; border: 1px solid rgba(223,189,120,.15); border-radius: 15px; background: linear-gradient(145deg,rgba(91,46,65,.11),rgba(255,255,255,.018)); }
.czx-metodo span { display: grid; place-items: center; width: 2.6rem; height: 2.6rem; border: 1px solid rgba(223,189,120,.32); border-radius: 50%; color: var(--czx-oro); font: 600 1rem/1 var(--display); }
.czx-metodo h3 { margin: .85rem 0 0; color: #f3e9ee; font-size: 1.28rem; }
.czx-metodo p { margin: .6rem 0 0; color: #aa9da6; font-size: .82rem; line-height: 1.65; }
.czx-tres-ambitos { margin-top: 3rem; }
.czx-tres-ambitos>h2 { max-width: 39rem; margin: 0 auto; color: #fff; font-size: clamp(1.8rem,4vw,2.65rem); line-height: 1; text-align: center; }
.czx-tres-ambitos>div { display: grid; grid-template-columns: repeat(3,1fr); gap: 1px; margin-top: 1.4rem; overflow: hidden; border: 1px solid rgba(223,189,120,.16); border-radius: 16px; background: rgba(223,189,120,.14); }
.czx-tres-ambitos article { min-width: 0; padding: 1.4rem; background: #0e0b13; }
.czx-tres-ambitos span { color: var(--czx-oro); font-size: 1.2rem; }
.czx-tres-ambitos h3 { margin: .55rem 0 0; color: #f2e7ec; font-size: 1.25rem; }
.czx-tres-ambitos p { margin: .55rem 0 0; color: #a99da5; font-size: .8rem; line-height: 1.62; }
.czx-precision { display: grid; grid-template-columns: auto 1fr; gap: 1.3rem; max-width: 58rem; margin: 3rem auto 0; padding: clamp(1.35rem,4vw,2.3rem); border: 1px solid rgba(126,160,198,.23); border-radius: 18px; background: radial-gradient(circle at 0 50%,rgba(75,108,151,.14),transparent 35%),#0c0b13; }
.czx-precision>span { display: grid; place-items: center; width: 4rem; height: 4rem; border: 1px solid rgba(126,160,198,.36); border-radius: 50%; color: #a9c2dd; font: 400 2rem/1 var(--display); }
.czx-precision h2 { margin: .45rem 0 0; color: #fff; font-size: clamp(1.6rem,3.5vw,2.25rem); line-height: 1; }
.czx-precision div>p:not(.versalita) { margin: .8rem 0 0; color: #afa4ac; font-size: .85rem; line-height: 1.68; }
.czx-precision a { display: inline-block; margin-top: .85rem; color: #bdd0e4; font-size: .78rem; font-weight: 700; text-decoration: none; }
.czx-faq { max-width: 58rem; margin: 2.2rem auto 0; border-top: 1px solid rgba(223,189,120,.15); }
.czx-faq details { border-bottom: 1px solid rgba(223,189,120,.15); }
.czx-faq summary { position: relative; padding: 1rem 2.2rem 1rem 0; color: #e9dde3; font-size: .87rem; font-weight: 700; cursor: pointer; list-style: none; }
.czx-faq summary::-webkit-details-marker { display: none; }
.czx-faq summary::after { content:"+"; position:absolute; right:.25rem; color:var(--czx-oro); font-size:1.25rem; font-weight:400; }
.czx-faq details[open] summary::after { content:"−"; }
.czx-faq details p { margin: -.25rem 2rem 1rem 0; color: #a99da5; font-size: .82rem; line-height: 1.65; }
.czx-calculadora { margin: 1.5rem 0 0; text-align: center; }
.czx-calculadora a { display: inline-flex; align-items: center; gap: .65rem; padding: .7rem 1rem; border: 1px solid rgba(223,189,120,.22); border-radius: 999px; color: var(--czx-oro-claro); font-size: .78rem; text-decoration: none; }
.czx-aviso { max-width: 52rem; margin: 1.5rem auto 0; color: #71656e; font-size: .65rem; line-height: 1.55; text-align: center; }

@media (max-width: 920px) {
  .czx-signos { grid-template-columns: repeat(3,minmax(0,1fr)); }
  .czx-resultado-cab { grid-template-columns: minmax(0,1fr) minmax(8rem,.65fr) minmax(0,1fr); }
  .czx-claves { grid-template-columns: 1fr; }
  .czx-clave { min-height: 0; }
}
@media (max-width: 720px) {
  .czx-hero { min-height: 31rem; border-radius: 20px; }
  .czx-hero>img { object-position: 53% 50%; }
  .czx-hero-velo { background: linear-gradient(0deg,rgba(5,5,15,.96) 0%,rgba(8,6,17,.48) 61%,rgba(5,6,15,.18)); }
  .czx-hero-copy { left: 1.25rem; bottom: 1.4rem; width: calc(100% - 2.5rem); }
  .czx-hero-copy h2 { font-size: clamp(2.05rem,10vw,3.1rem); }
  .czx-panel { padding: 1.1rem; border-radius: 19px; }
  .czx-selectores { grid-template-columns: 1fr; gap: .65rem; }
  .czx-union { flex-direction: row; }
  .czx-union i { width: 4.5rem; height: 1px; background: linear-gradient(90deg,transparent,rgba(223,189,120,.55),transparent); }
  .czx-signos { grid-template-columns: repeat(4,minmax(0,1fr)); gap: .4rem; }
  .czx-signos button { min-height: 4.6rem; }
  .czx-signos b { font-size: .66rem; }
  .czx-signos small { display: none; }
  .czx-resultado-cab { grid-template-columns: 1fr 1fr; gap: 1rem; }
  .czx-resultado-cab::before { display: none; }
  .czx-identidad { flex-direction: column; text-align: center; }
  .czx-identidad-b { flex-direction: column; text-align: center; }
  .czx-afinidad { grid-column: 1 / -1; grid-row: 1; }
  .czx-identidad-a { grid-column: 1; grid-row: 2; }
  .czx-identidad-b { grid-column: 2; grid-row: 2; }
  .czx-identidad b { white-space: normal; }
  .czx-ambitos button { grid-template-columns: 1fr; justify-items: center; gap: .3rem; min-height: 5.3rem; }
  .czx-ambitos button>span { width: 1.7rem; height: 1.7rem; }
  .czx-ambitos button b { max-width: 100%; font-size: .7rem; text-align: center; }
  .czx-ambitos button strong { font-size: 1.1rem; }
  .czx-lectura { padding: 1.2rem; }
  .czx-lectura-cab { align-items: start; flex-direction: column; }
  .czx-aspecto { text-align: left; }
  .czx-metricas,.czx-metodo,.czx-tres-ambitos>div { grid-template-columns: 1fr; }
  .czx-precision { grid-template-columns: 1fr; }
  .czx-precision>span { width: 3.3rem; height: 3.3rem; }
}
@media (max-width: 420px) {
  .czx-signos { grid-template-columns: repeat(3,minmax(0,1fr)); }
  .czx-selector { padding: .85rem; }
  .czx-acciones .czx-btn { width: 100%; }
}
@media (prefers-reduced-motion: reduce) {
  .czx * { scroll-behavior: auto !important; }
  .czx-signos button,.czx-btn,.czx-metricas i { transition-duration: .01ms !important; }
  .czx-listo .czx-union span,.czx-resultado { animation: none !important; }
}