/* Horóscopo chino: fichas por animal e índice */
#horoscopo.chino img{vertical-align:middle;margin-right:8px}
.ch-lema{font-size:1.7em;font-weight:600;margin:0 0 18px;color:#0577B8}
.ch-datos{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:10px;margin:0 0 24px}
.ch-datos div{padding:12px 14px;border-radius:10px;background:linear-gradient(135deg,#DFF8F1,#DCEEFC);border:1px solid #bfe3ee}
.ch-datos b{display:block;font-size:.95em;text-transform:uppercase;letter-spacing:.04em;color:#0577B8}
.ch-datos span{font-size:1.4em;font-weight:600}
.ch-anios{width:100%;border-collapse:collapse;font-size:1.4em}
.ch-anios td,.ch-anios th{padding:7px 10px;border-bottom:1px solid #e3e3e3;text-align:left}
.ch-nota{font-size:1.1em;color:#666}
.ch-el h3{margin:22px 0 6px;font-size:1.8em;color:var(--c)}
.ch-el h3 img{margin-right:10px}
.ch-comp p{font-size:1.5em}
.ch-comp a{display:inline-block;margin:3px 4px 3px 0;padding:6px 16px;font-size:.9em;border-radius:20px;background:#eee;color:#222;text-decoration:none;font-weight:600}
.ch-comp a img{margin-right:6px}
.ch-comp .si{background:#DFF8F1}
.ch-comp .no{background:#FFE3E0}
.ch-comp a:hover{background:#DCEEFC}
.ch-otros{margin-top:30px}
.ch-enlaces{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:8px}
.ch-enlaces a{display:flex;align-items:center;padding:8px 12px;border-radius:10px;border:1px solid #d6e6ee;color:#222;text-decoration:none;font-weight:600;font-size:1.3em}
.ch-enlaces a img{margin-right:8px}
.ch-enlaces a.actual{background:linear-gradient(135deg,#DFF8F1,#DCEEFC);border-color:#05E8BA}
.ch-enlaces a:hover{border-color:#0595E8}
.ch-animales{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:14px;margin:0 0 30px}
.ch-animales a{display:flex;flex-direction:column;align-items:center;text-align:center;padding:16px 12px;border-radius:12px;border:1px solid #d6e6ee;color:#222;text-decoration:none}
.ch-animales a:hover{border-color:#0595E8;background:linear-gradient(135deg,#F2FCF9,#EDF6FD)}
.ch-animales img{margin:0 0 6px}
.ch-animales b{font-size:1.8em}
.ch-animales small{color:#666;font-size:1.2em;margin:2px 0 6px}
.ch-animales span{font-size:1.25em}
.ch-iconos{display:flex;flex-wrap:wrap;gap:10px;margin:14px 0}
.ch-iconos span{display:inline-flex;align-items:center;padding:6px 16px 6px 10px;border-radius:30px;border:2px solid var(--c);font-weight:700;font-size:1.4em;color:var(--c)}
@media (max-width:480px){.ch-animales{grid-template-columns:repeat(2,1fr)}.ch-animales img{width:72px;height:72px}.ch-animales b{font-size:1.2em}}

/* Cuatro animales por fila en pantallas grandes */
@media (min-width:768px){.ch-animales{grid-template-columns:repeat(4,1fr)}}

/* Calculadora de animal y elemento */
.ch-form{margin:10px 0 24px;padding:18px;border-radius:10px;border:1px solid #bfe3ee;background:linear-gradient(135deg,#DFF8F1,#DCEEFC);text-align:center}
.ch-form h2{margin:0 0 4px;font-size:1.8em}
#horoscopo.chino .ch-form p{margin:0 0 14px;font-size:1.3em;color:#555;text-align:center}
.ch-fecha{display:flex;gap:12px;justify-content:center;margin-bottom:14px}
.ch-form .campo-corto{width:92px}
.ch-form .campo-largo{width:130px}
.ch-form label{display:block;font-size:1.05em;font-weight:600;margin-bottom:4px}
.ch-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}
.ch-form .button{display:block;margin:0 auto;font:inherit;font-weight:700;font-size:1.15em;padding:11px 26px;border:0;border-radius:30px;cursor:pointer}
.ch-form .ch-error{margin:14px 0 0;font-size:1.15em;color:#B3261E;font-weight:600}
.ch-resultado{display:flex;align-items:center;justify-content:center;gap:24px;flex-wrap:wrap;margin:10px 0 30px;padding:18px;border-radius:10px;border:1px solid #bfe3ee}
.ch-res-iconos{display:flex;gap:10px;flex:none}
.ch-res-iconos img{margin:0}
.ch-res-texto{flex:1;min-width:260px}
.ch-res-texto h2{margin:0 0 6px;font-size:2em}
.ch-res-texto p{margin:6px 0;font-size:1.4em}
.ch-res-texto .ch-nota{font-size:1.15em}
.ch-res-texto .button{display:inline-block;margin-top:6px;font-weight:700;color:#fff}
@media (max-width:767px){
	.ch-fecha{gap:8px}
	.ch-form .campo-corto{width:78px}
	.ch-form .campo-largo{width:112px}
	.ch-resultado{flex-direction:column;text-align:center}
}