body{font-family:sans-serif;margin:0;min-height:100vh;display:flex;flex-direction:column;background:var(--fondo);color:var(--texto);line-height:1.5}#cabecera{border-bottom:1px solid #ccc;padding:22px 24px}#cabecera h1{margin:0;font-size:1.5rem;letter-spacing:-.04em}#contenedor-principal{flex:1;display:flex}#menu-principal{display:flex;flex-direction:column;gap:8px;width:200px;flex-shrink:0;padding:16px;border-right:1px solid #ccc}main{flex:1;min-width:0;padding:24px}#pie{padding:12px 16px;border-top:1px solid #ccc;text-align:center}#pie p{margin:0}.seccion{display:none}.seccion.activa{display:block}.item-card{border:1px solid #ccc;border-radius:6px;padding:12px;cursor:pointer}.item-card img{max-width:100%;width:100%;height:180px;object-fit:cover;background:var(--fondo)}.item-card.seleccionado{outline:#00a870 solid 2px;outline:3px solid var(--acento)}.buscador-contenido,.coleccion-contenido{display:grid;grid-template-columns:2fr 1fr;gap:24px;align-items:start}#acciones-gestion,#busqueda,#controles-coleccion{margin-bottom:24px}#controles-coleccion:empty,#estado-busqueda:empty{display:none}.panel{border:1px solid #ccc}.panel h3{margin-top:0}@media (max-width:800px){#contenedor-principal{flex-direction:column}#menu-principal{width:auto;flex-direction:row;flex-wrap:wrap;border-right:none;border-bottom:1px solid #ccc}.buscador-contenido,.coleccion-contenido{grid-template-columns:1fr}}:root{--fondo:#f4f6f8;--panel:#fff;--texto:#202b3a;--borde:#bac4ce;--acento:#235d85}body.oscuro{--fondo:#151c26;--panel:#202c3b;--texto:#ecf1f6;--borde:#627186;--acento:#9dd4ff}*{box-sizing:border-box}#cabecera,#menu-principal,#pie,.item-card,.panel{border-color:var(--borde)}#cabecera,#pie,.panel{background:var(--panel)}button,input,select,textarea{font:inherit;color:inherit;background:var(--panel);border:1px solid var(--borde);border-radius:5px;padding:9px 12px}button{cursor:pointer}button:hover{border-color:var(--acento)}button:disabled{opacity:.6;cursor:default}:focus-visible{outline:3px solid var(--acento);outline-offset:3px}#menu-principal button.active{font-weight:700;color:var(--acento);background:var(--panel);border-color:var(--borde);text-decoration:none}#lista-coleccion,#resultados-busqueda{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:16px}.item-card{display:flex;flex-direction:column;gap:8px;text-align:left;margin:0;width:100%}.item-card span{font-weight:700}.form-valoracion,.form-valoracion label{display:flex;flex-direction:column;gap:8px}.form-valoracion{gap:16px}.controles{display:flex;flex-wrap:wrap;gap:16px}.controles label{display:flex;flex-direction:column;gap:4px}textarea{resize:vertical;width:100%}dt{font-weight:700;margin-top:12px}dd{margin:2px 0 0;overflow-wrap:anywhere;white-space:pre-wrap}.gestion-item{margin-bottom:16px}.mensaje:empty{display:none}@media (max-width:500px){main{padding:12px}#form-buscador{display:flex;flex-direction:column;gap:8px}}.barra-fondo{height:14px;background:var(--fondo);border:1px solid var(--borde);border-radius:4px;margin:4px 0 12px;overflow:hidden}.barra-valoracion{height:100%;background:var(--acento)}#acciones-gestion label{display:block;margin-top:16px}#archivo-coleccion{display:block;max-width:100%;margin-top:8px}#btn-sorpresa{margin-top:12px}#menu-principal button{padding:8px;text-align:left;border-color:transparent;border-radius:8px}h2{letter-spacing:-.035em}.panel{padding:18px;border-radius:12px}.imagen-inicio{margin:16px 0}.imagen-inicio img{display:block;max-width:100%;object-fit:cover}.imagen-inicio figcaption{margin-top:4px;font-size:.9em}.ajustes-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}.ajuste-linea{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:12px;padding:14px 0;border-bottom:1px solid var(--borde)}.ajuste-linea input{width:22px;height:22px;accent-color:var(--acento)}.acciones-ajustes{display:flex;flex-wrap:wrap;gap:12px}body.texto-grande{font-size:18px}body.vista-compacta .item-card{display:grid;grid-template-columns:64px 1fr;align-content:start;gap:4px 12px}body.vista-compacta .item-card img{width:64px;height:80px;grid-row:span 3}body.vista-compacta #lista-coleccion,body.vista-compacta #resultados-busqueda{grid-template-columns:repeat(auto-fit,minmax(220px,1fr))}@media (max-width:800px){.ajustes-grid{grid-template-columns:1fr}}