*{margin:0;padding:0;box-sizing:border-box;font-family:"Press Start 2P",system-ui}body{min-height:100vh}.contenedor{display:grid;grid-template-areas:"header" "main" "paginas" "footer";grid-template-rows:400px auto 50px 100px;min-height:100vh;text-align:center}header{grid-area:header;background:linear-gradient(135deg,#d4d4d4,#9e9e9e);text-align:center;display:flex;align-items:flex-start;justify-content:flex-start;min-height:500px;box-shadow:0 4px 6px #0000001a;border-bottom:2px solid rgba(0,0,0,.1);background-image:url(/assets/logoIcono-je2C5fje.png);background-size:contain;background-position:center center;background-repeat:no-repeat}.headerContenedorImg{width:120px;height:120px;margin-bottom:1rem;border-radius:50%;overflow:hidden;box-shadow:0 4px 8px #0003}.contexTitulo{width:37%;border-radius:0 0 15px;padding:10px;background:linear-gradient(135deg,#d2e054,#3cb64a)}header h1{font-size:1.5rem;color:#fff;text-shadow:2px 2px 4px rgba(0,0,0,.5);font-family:"Press Start 2P",system-ui,sans-serif;position:relative;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}main{grid-area:main;display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));grid-auto-rows:min-content;gap:1.5em;padding:2rem}.tarjeta{display:flex;flex-direction:column;padding:16px;border:1px solid #ccc;border-radius:8px;background-color:#fdfdfd}.contenedorImg{margin-bottom:-5px}.tarjeta{display:flex;flex-direction:column;justify-content:space-between;gap:1rem;padding:16px;border:1px solid #e0e0e0;border-radius:12px;background-color:#fff;box-shadow:0 4px 6px #0000001a;transition:transform .2s ease,box-shadow .2s ease}.tarjeta:hover{transform:translateY(-10px);box-shadow:0 8px 12px #0003}.tarjeta img{width:100%;height:auto;border-radius:8px;margin-bottom:1rem;object-fit:cover;box-shadow:0 2px 4px #0000001a}.nombreId{background:linear-gradient(135deg,#d2e054,#3cb64a);font-size:1.2em;color:#fff;padding:10px 15px;border-radius:8px;text-align:center;font-weight:700}.otrosDatos{display:flex;flex-direction:column;align-items:flex-start;font-size:1em;color:#333;padding:10px 0}.otrosDatos h2{font-size:1.3em;font-weight:600;margin-bottom:.5rem;color:#2a2a2a}.otrosDatos p{font-size:1em;font-style:italic;margin:5px 0;color:#555}.footer{position:fixed;bottom:0;left:0;width:100%;padding:1rem 2rem;background-color:#fff;border-top:1px solid #e5e7eb;box-shadow:0 -2px 5px #0000001a;z-index:20;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center}.footer .footer-text{display:flex;flex-direction:column;align-items:center;justify-content:center;font-size:12px;color:#6b7280;margin:0}.footer .footer-text a{color:#6b7280;text-decoration:none;transition:color .3s ease;margin-top:5px}.footer .footer-text a:hover{color:#1f2937;text-decoration:underline}@media (min-width: 768px){.footer{flex-direction:row;justify-content:space-between;align-items:center}.footer .footer-text{display:block}.footer .footer-text a:last-child{margin-left:20px}}.footer-text a:hover{text-decoration:underline;color:#1f2937}.footer-nav{display:flex;flex-wrap:wrap;margin-top:1rem;padding:0;list-style:none;justify-content:center}.footer-nav-item{font-size:1.5rem;color:#6b7280;margin:0 1rem;text-decoration:none;transition:color .3s ease}.footer-nav-item:hover{color:#1f2937}