body{font-family:Poppins,sans-serif;padding:0;margin:0;min-height:100vh}body:before{content:"";position:fixed;top:0;left:0;height:100%;width:100%;background-image:url(https://static.vecteezy.com/system/resources/previews/002/705/240/non_2x/background-of-dog-paw-prints-vector.jpg);background-repeat:repeat;background-size:cover;opacity:.2;z-index:-1}header{top:0;left:0;width:100%;z-index:1000;background-color:#e1ebf3;display:flex;align-items:center;justify-content:space-between;padding:20px;border-radius:2.5px;box-sizing:border-box;margin:0}.activo{color:#1a3f7c;font-weight:700;border-bottom:3px solid #1a3f7c;padding-bottom:4px;cursor:default}.desactivado{text-decoration:none;color:#000}.margenPalabras{margin-right:15px}.btn,.btn1{padding:12px 18px;border:none;background-color:#426175;color:#fff;cursor:pointer;border-radius:8px;font-size:18px;font-weight:700;transition:background-color .3s ease,transform .2s ease}.btn:hover,.btn1:hover{transform:scale(1.05)}.btn1:hover{background-color:#426175}.user-info{display:flex;align-items:center;padding:8px 12px;background-color:#f0f4f7;border-radius:6px;transition:background-color .3s ease;font-weight:500}.user-info:hover{background-color:#e0e7ed}.user-info i{margin-right:8px;color:#426175}.user-email{font-size:.85em;color:#6c757d;margin-left:6px;font-style:italic}.logout-button-inline{background:none;border:none;cursor:pointer;font-size:18px;color:#e74c3c;padding:5px;margin-left:10px;transition:transform .2s ease}.logout-button-inline:hover{transform:scale(1.2);color:#c0392b}footer{background:#ffffff6b;padding:20px 0;display:flex;flex-wrap:wrap;justify-content:space-around;gap:20px;box-shadow:0 -4px 8px #c5bdbd33;box-sizing:border-box}.Secciones{flex:1 1 200px;max-width:300px;margin:10px;min-width:150px}.Secciones h3{margin-bottom:10px;color:#1e3037;font-weight:700;font-size:clamp(1.1em,2.5vw,1.4em)}.Secciones ul{list-style:none;padding:0;margin:0}.Secciones ul li{margin:5px 0;font-size:clamp(.95em,2vw,1.1em);word-break:break-word;text-align:left}.Secciones ul li a.social-link{align-items:center;gap:8px;text-decoration:none;color:#1e3037;font-weight:500;transition:color .3s ease,transform .2s ease;font-size:inherit}.Secciones ul li a.social-link:hover{color:#1a3f7c;transform:translate(4px)}.Secciones ul li a.social-link i{color:#426175;transition:color .3s ease}.Secciones ul li a.social-link:hover i{color:#1a3f7c}@media (max-width: 1200px){footer{flex-direction:column;gap:10px;padding:10px 0}.Secciones{max-width:95vw;min-width:0;margin:8px 0;text-align:center}.Secciones ul{display:flex;flex-direction:column;align-items:center;padding:0;margin:0;width:100%}.Secciones ul li{text-align:center;width:100%;word-break:break-word;box-sizing:border-box}}@media (max-width: 900px){footer{flex-direction:column;gap:10px;padding:10px 0}.Secciones{max-width:95vw;min-width:0;margin:8px 0;text-align:center}.Secciones ul{display:flex;flex-direction:column;align-items:center;padding:0;margin:0;width:100%}.Secciones ul li{text-align:center;width:100%;word-break:break-word;box-sizing:border-box}}@media (max-width: 600px){footer{padding:6px 0;gap:4px}.Secciones{margin:4px 0;padding:0 2vw;max-width:100vw}.Secciones h3{font-size:1em}.Secciones ul{padding:0;margin:0;width:100%}.Secciones ul li{font-size:.95em;padding:2px 0;width:100%;text-align:center;word-break:break-word}}@media (min-width: 900px){footer{display:table;width:100%;table-layout:fixed;justify-content:unset;align-items:unset;gap:0;padding:20px 0}.Secciones{display:table-cell;vertical-align:top;max-width:300px;min-width:180px;width:1%;text-align:left;margin:0;padding:0 16px}.Secciones h3{font-size:1.2em}.Secciones ul{align-items:flex-start}.Secciones ul li{text-align:left;width:100%;padding:2px 0}}@media (max-width: 992px){header{flex-direction:column;gap:10px;padding:10px}.btn,.btn1{font-size:15px;padding:7px 12px}.user-info{flex-direction:column;gap:4px}.Secciones{max-width:100%}}@media (max-width: 768px){.paginacion .controles button{padding:6px 12px;font-size:14px}.paginacion .controles span{font-size:14px}.Secciones{flex-basis:100%}footer{flex-direction:column;gap:5px;padding:10px 0}.user-info{font-size:14px;padding:4px 6px}.btn,.btn1{font-size:13px;padding:6px 8px}}@media (max-width: 600px){header{flex-direction:column;align-items:stretch;padding:8px 2vw;min-width:0}header nav,header .user-info{width:100%;display:flex;flex-direction:column;align-items:flex-start;gap:4px}.margenPalabras{margin:0 0 6px;display:block;padding:0}.activo{border-bottom:2px solid #1a3f7c;padding-bottom:1px}header nav{display:none;flex-direction:column;background:#e1ebf3;position:absolute;top:60px;left:0;width:100vw;z-index:2000;box-shadow:0 2px 8px #00000014;padding:10px 0}header.nav-open nav{display:flex}.menu-toggle{display:block;background:none;border:none;font-size:2em;color:#426175;position:absolute;top:12px;right:18px;z-index:2100;cursor:pointer}header nav a,header nav span,header nav button{width:100%;text-align:left;margin-bottom:2px;font-size:1.1em;padding:4px 0}.btn,.btn1{width:100%;margin-bottom:4px;font-size:1em;padding:5px 10px}}@media (min-width: 601px){.menu-toggle{display:none!important}}@media (max-width: 480px){header{padding:auto}.btn,.btn1{font-size:12px;padding:5px 10px}.user-info{font-size:12px;padding:auto}.Secciones h3{font-size:1.1em}.Secciones ul li{font-size:.95em}.paginacion .controles button{font-size:12px;padding:auto}.paginacion .controles span{font-size:12px}}