/* Numerología */
.numero h1 strong{background:linear-gradient(135deg,#05E8BA,#0595E8);-webkit-background-clip:text;background-clip:text;color:transparent}
.num-lema{text-align:center;font-size:1.3em;color:#555;margin:0 0 14px}
.num-form{margin:10px 0 24px;padding:18px;border-radius:10px;border:1px solid #bfe3ee;background:linear-gradient(135deg,#DFF8F1,#DCEEFC)}
.num-fecha{display:flex;gap:12px;justify-content:center;margin-bottom:14px}
.num-form .campo-corto{width:92px}
.num-form .campo-largo{width:130px}
.num-form label{display:block;font-size:1.05em;font-weight:600;margin-bottom:4px}
.num-form input{box-sizing:border-box;width:100%;font:inherit;font-size:1.5em;text-align:center;letter-spacing:2px;padding:10px 4px;border:1px solid #bbb;border-radius:6px;background:#fff}
.num-form .button{display:block;margin:0 auto;font:inherit;font-weight:700;font-size:1.15em;padding:11px 26px;border:0;border-radius:6px;cursor:pointer}
.num-error{margin:14px 0 0;text-align:center;font-size:1.15em;color:#B3261E;font-weight:600}
.num-resultado{display:flex;align-items:center;justify-content:center;gap:24px;flex-wrap:wrap;margin:10px 0 30px}
.num-circulo{position:relative;display:grid;place-items:center;flex:none;width:150px;height:150px;border-radius:50%;background:linear-gradient(135deg,#05E8BA,#0595E8)}
.num-circulo::before{content:"";position:absolute;inset:14px;border-radius:50%;background:#fff}
.num-circulo span{position:relative;font-size:3.6em;font-weight:700;line-height:1;color:#0595E8}
.num-circulo.num-maestro{background:linear-gradient(135deg,#F5C84B,#E8890C)}
.num-circulo.num-maestro span{color:#C26A00}
.num-texto{flex:1;min-width:240px}
.num-texto h2{font-size:1.8em;margin:0 0 6px}
.num-texto p{margin:4px 0;font-size:1.25em}
.num-etiqueta{display:inline-block;padding:3px 12px;border-radius:20px;background:#FFF1CC;color:#8A5200;font-weight:700;font-size:1em}
.num-pasos{list-style:none;margin:10px 0 0;padding:0;font-size:1.25em;color:#333}
.num-pasos li{margin:4px 0}
.num-op{color:#0595E8;font-weight:700}
@media (max-width:767px){
	.num-fecha{gap:8px}
	.num-form .campo-corto{width:78px}
	.num-form .campo-largo{width:112px}
	.num-resultado{flex-direction:column;text-align:center}
	.num-pasos{text-align:left;display:inline-block}
}

/* Página de cada número */
#horoscopo.numero .tema p{font-size:1.6em;margin-top:.4em}
.numero .tema+.tema{margin-top:20px}
.num-cabeza{display:flex;align-items:center;gap:18px;margin-bottom:6px}
.num-cabeza h1{margin:0}
.num-cabeza .num-etiqueta{margin:6px 0 0}
.num-circulo.num-chico{width:84px;height:84px}
.num-circulo.num-chico::before{inset:9px}
.num-circulo.num-chico span{font-size:2.2em}
.num-claves{display:flex;flex-wrap:wrap;gap:8px;list-style:none;margin:0 0 20px;padding:0}
.num-claves li{padding:6px 14px;border-radius:20px;background:linear-gradient(135deg,#DFF8F1,#DCEEFC);border:1px solid #bfe3ee;font-weight:600;font-size:1.05em}
.num-leer{font-weight:700;color:#0577B8}
.num-calcula{margin:30px 0;padding:18px;border-radius:10px;text-align:center;background:linear-gradient(135deg,#DFF8F1,#DCEEFC);border:1px solid #bfe3ee}
.num-calcula p{margin:0 0 10px;font-size:1.3em;font-weight:600}
.num-calcula .button{display:inline-block;font:inherit;font-weight:700;font-size:1.15em;padding:11px 26px;border-radius:6px}
.num-enlaces{display:grid;grid-template-columns:repeat(2,1fr);gap:8px;margin-top:12px}
.num-enlaces a{display:flex;align-items:center;gap:8px;padding:10px 12px;border-radius:8px;border:1px solid #d5dbe2;color:#191919;font-size:1.1em;font-weight:600}
.num-enlaces a b{flex:none;display:grid;place-items:center;width:34px;height:34px;border-radius:50%;background:linear-gradient(135deg,#05E8BA,#0595E8);color:#fff}
.num-enlaces a:hover{border-color:#05E8BA;background:#F2FEFA}
.num-enlaces a.actual{border-color:#0595E8;background:#EAF6FD}
.num-anterior-siguiente{display:flex;justify-content:space-between;margin-top:14px;font-size:1.2em;font-weight:700}
.num-anterior-siguiente a{color:#0577B8}
@media (min-width:600px){.num-enlaces{grid-template-columns:repeat(3,1fr)}}
@media (min-width:900px){.num-enlaces{grid-template-columns:repeat(4,1fr)}}
@media (max-width:767px){
	#horoscopo.numero .tema p{font-size:1.3em}
	.num-cabeza{gap:12px}
	.num-circulo.num-chico{width:66px;height:66px}
	.num-circulo.num-chico::before{inset:7px}
	.num-circulo.num-chico span{font-size:1.8em}
}

/* Reseña bajo el resultado del cálculo */
#horoscopo.numero .num-resena{margin:12px 0;padding:12px 16px;border-radius:10px;background:#F2FEFA;border:1px solid #bfe3ee}
#horoscopo.numero .num-resena h3{color:#0577B8;font-size:1.5em;margin:0 0 4px}
#horoscopo.numero .num-resena p{margin:0 0 8px;font-size:1.2em}
#horoscopo.numero .num-resena .num-leer{display:inline-block;font-size:1.2em}

/* Texto explicativo de la portada de numerología */
#horoscopo.numero .tema p+p{margin-top:.8em}
.numero .num-op-t{white-space:nowrap;font-weight:600;color:#0577B8}
.numero .num-otros{margin-top:30px}
