.exams-wrapper{padding:4rem 1rem;max-width:180rem;margin:0 auto;.exams-texts{margin-bottom:2.4rem;h2{font-weight:var(--weight-black);margin-bottom:.8rem}}.exams-controls{margin-bottom:2.8rem;.controls-form{display:flex;align-items:center;justify-content:space-between;gap:1.6rem;.search-group{display:flex;gap:1.6rem;flex:1;align-items:center;max-width:62rem;.search-input-wrapper{position:relative;flex:1;.control-input{width:100%}.suggestions-dropdown{position:absolute;top:100%;left:0;right:0;background-color:#fff;border:.2rem solid var(--color-secondary);border-top:none;border-radius:0 0 1rem 1rem;list-style:none;padding:0;margin:0;z-index:20;overflow:hidden;&.hidden{display:none}li:not(.loading-state):not(.no-suggestions){padding:.8rem 1.2rem;cursor:pointer;font-weight:var(--weight-semibold);font-family:var(--font-secondary),serif;font-size:1.3rem;color:var(--color-text);border-bottom:1px solid #f3f4f6;&:hover{background-color:var(--color-secondary);color:var(--color-white)}&:last-child{border-bottom:none}}.loading-state{display:flex;align-items:center;justify-content:center;gap:.8rem;padding:1.5rem;color:#6b7280;font-size:.9rem;cursor:default}.no-suggestions{font-family:var(--font-secondary),serif;font-size:1.3rem;font-style:italic;padding:1.8rem;text-align:center;color:#9ca3af}.spinner{width:1.2rem;height:1.2rem;border:3px solid #e5e7eb;border-top-color:var(--color-secondary);border-radius:50%;animation:spin .8s linear infinite}}}}.control-input,.control-select,.control-btn{height:4.5rem;padding:0 1.6rem;border-radius:1rem;border:.2rem solid var(--color-secondary);background-color:#fff;color:var(--color-secondary);font-family:var(--font-secondary),serif;font-weight:var(--weight-bold);outline:none;transition:all .2s ease;&::placeholder{color:#9ca3af}&:hover,&:focus{background-color:var(--color-secondary);color:#fff;&::placeholder{color:#ffffffb3}}}.control-input-focus{border-bottom-left-radius:0;border-bottom-right-radius:0}.filters-group{display:flex;gap:1.8rem;flex-wrap:wrap;.select-wrapper{position:relative;display:flex;align-items:center;.select-icon{position:absolute;left:1.2rem;width:1.6rem;height:1.6rem;color:var(--color-secondary);pointer-events:none;z-index:10}.control-select{appearance:none;padding-left:3.8rem;padding-right:2.6rem;cursor:pointer;&:hover+.select-icon,&:hover{color:#fff;.select-icon{color:#fff}}}&:hover .select-icon{color:#fff}}}.control-btn{display:flex;align-items:center;justify-content:center;padding:0 1.2rem;cursor:pointer;.icon-sm{width:1.8rem;height:1.8rem}&.clear-btn{border-color:var(--color-alert);color:var(--color-alert);&:hover{background-color:var(--color-alert);color:#fff}}}}}.no-results{grid-column:1 / -1;text-align:center;padding:4rem;font-size:1.6rem;color:var(--color-text);display:flex;flex-direction:column;align-items:center;gap:1rem;.exam-btn{background-color:var(--color-text);color:#fff;padding:1rem 2rem;border-radius:1.6rem;transition:transform .2s ease-out;&:hover{transform:scale(1.05)}}}.exams-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:3.2rem;.exam-card{display:flex;flex-direction:column;.exam-header{display:flex;padding:1.2rem 1.8rem;align-items:center;gap:1.2rem;border-radius:2rem 2rem 0 0;background-color:var(--color-primary);.exam-icon-header{height:2.8rem;width:2.8rem;color:var(--color-white)}.titulo-wrapper{display:flex;flex-direction:column;gap:.6rem;align-items:flex-start;h3{font-size:2rem;color:var(--color-white)}.badge-popular{background-color:#fff3cd;color:#856404;font-size:1.2rem;font-weight:700;padding:2px 6px;border-radius:1rem;border:1px solid #ffeeba;display:inline-block;margin-bottom:4px}}}.exam-body{display:flex;padding:1.2rem;flex-direction:column;align-items:flex-start;gap:1.2rem;align-self:stretch;flex:1;border-radius:0 0 2rem 2rem;border-top:.1rem solid var(--color-primary, #258DCA);border-right:.1rem solid var(--color-primary, #258DCA);border-bottom:.4rem solid var(--color-primary, #258DCA);border-left:.1rem solid var(--color-primary, #258DCA);background-color:var(--color-background);.exam-content{width:100%;flex:1}.exam-body-divider{width:100%;height:.1rem;background-color:var(--color-text);opacity:.5}.exam-footer{width:100%;display:flex;align-items:center;justify-content:space-between;span{font-weight:var(--weight-bold)}.exam-btn{display:flex;align-items:center;padding:.4rem 1.6rem;border-radius:1rem;gap:.8rem;font-weight:var(--weight-medium);background-color:var(--color-secondary);color:var(--color-white);transition:transform .2s ease-out;.exam-icon-footer{height:2.4rem;width:2.4rem}&:hover{transform:scale(1.04)}}}}}}.paginacion-wrapper{display:flex;flex-direction:column;align-items:center;margin-top:2.8rem;.paginacion-nav{display:flex;align-items:center;gap:1rem;flex-wrap:wrap;justify-content:center;.btn-paginacion{display:inline-flex;gap:.5rem;align-items:center;justify-content:center;padding:1rem 1.6rem;font-weight:var(--weight-semibold);border-radius:1rem;transition:all .2s ease;&.outline{background-color:#fff;border:.2rem solid var(--color-secondary);color:var(--color-secondary);&:hover{background-color:var(--color-secondary);color:var(--color-white)}}&.disabled{background-color:#f9fafb;border:1px solid #e5e7eb;color:#9ca3af;cursor:not-allowed;pointer-events:none}}.numeros-paginacion{display:flex;align-items:center;gap:1rem;margin:0 1.8rem;.btn-numero{display:flex;align-items:center;justify-content:center;min-width:4rem;height:4rem;border-radius:1rem;font-weight:var(--weight-medium);border:.2rem solid var(--color-secondary);background-color:#fff;color:var(--color-secondary);transition:all .2s ease;&:hover{background-color:var(--color-secondary);color:var(--color-white)}&.activo{background-color:var(--color-secondary);color:var(--color-white)}}}.puntos{padding:0 .5rem;color:#9ca3af;letter-spacing:2px}.info-movil{display:none;color:#4b5563}}}}@media(max-width:1214px){.exams-wrapper{.exams-controls{.controls-form{display:flex;flex-direction:column;align-items:flex-start;.search-group{max-width:none;width:100%}.filters-group{width:100%;.select-wrapper{flex:1;.control-select{flex:1}}}}}.exams-grid{grid-template-columns:repeat(2,1fr);gap:2rem}}}@media(max-width:810px){.exams-wrapper{padding:3rem 1rem;.exams-texts{h2{font-size:2rem}p{font-size:1.4rem}}.exams-grid{.exam-card{.exam-header{.titulo-wrapper{h3{font-size:1.8rem;color:var(--color-white)}.badge-popular{font-size:1rem;margin-bottom:0}}}.exam-body{.exam-content{p{font-size:1.4rem}}.exam-footer{span{font-size:1.4rem}.exam-btn{font-size:1.4rem;.exam-icon-footer{height:2rem;width:2rem}}}}}}.paginacion-wrapper{.paginacion-nav{.numeros-paginacion{display:none}.info-movil{display:block}}}}}@media(max-width:560px){.exams-wrapper{.exams-grid{grid-template-columns:1fr}.paginacion-wrapper{.paginacion-nav{gap:1.4rem;.btn-paginacion{gap:.6rem;padding:1rem 1.2rem;font-size:1.4rem}.info-movil{font-size:1.4rem}}}}}@media(max-width:380px){.exams-wrapper{.exams-texts{h2{font-size:1.8rem}p{font-size:1.3rem}}.exams-grid{gap:1.6rem;.exam-card{.exam-header{.titulo-wrapper{h3{font-size:1.7rem}}}.exam-body{.exam-content{p{font-size:1.3rem}}.exam-footer{span,.exam-btn{font-size:1.3rem}}}}}.paginacion-wrapper{.paginacion-nav{gap:1.4rem;.btn-paginacion,.info-movil{font-size:1.3rem}}}}}.profiles-wrapper{padding:4rem 1rem;max-width:180rem;margin:0 auto;.profiles-texts{margin-bottom:2.4rem;h2{font-weight:var(--weight-black);margin-bottom:.8rem}}.profiles-controls{margin-bottom:3.2rem;.controls-form{display:flex;flex-direction:row;align-items:center;justify-content:space-between;gap:1.6rem;.search-group{display:flex;gap:.8rem;flex:1;max-width:62rem;.search-input-wrapper{position:relative;flex:1;.control-input{width:100%}.suggestions-dropdown{position:absolute;top:100%;left:0;right:0;background:#fff;border:.2rem solid var(--color-secondary);border-top:none;border-radius:0 0 1rem 1rem;list-style:none;padding:0;margin:0;z-index:20;overflow:hidden;&.hidden{display:none}li{padding:.8rem 1.2rem;cursor:pointer;font-weight:var(--weight-semibold);font-family:var(--font-secondary),serif;color:var(--color-text);font-size:1.3rem;border-bottom:1px solid #f3f4f6;&:hover{background-color:var(--color-secondary);color:#fff}&:last-child{border-bottom:none}}.loading-state{display:flex;align-items:center;justify-content:center;gap:.8rem;padding:1.5rem;color:#6b7280;cursor:default}.no-suggestions{font-family:var(--font-secondary),serif;font-size:1.3rem;padding:1.5rem;text-align:center;font-style:italic;color:#9ca3af}.spinner{width:1.2rem;height:1.2rem;border:.3rem solid #e5e7eb;border-top-color:var(--color-secondary);border-radius:50%;animation:spin .8s linear infinite}}}}.filters-group{display:flex;gap:.8rem;flex-wrap:wrap}.control-input,.control-select,.control-btn{height:4rem;padding:0 1.6rem;border-radius:1rem;border:.2rem solid var(--color-secondary);background-color:#fff;color:var(--color-secondary);font-family:var(--font-secondary),serif;font-weight:var(--weight-bold);outline:none;transition:all .2s ease;&::placeholder{color:#9ca3af}&:hover,&:focus{background-color:var(--color-secondary);color:#fff;&::placeholder{color:#ffffffb3}}}.control-input-focus{border-bottom-left-radius:0;border-bottom-right-radius:0}.control-input{width:100%}.select-wrapper{position:relative;display:flex;align-items:center;.select-icon{position:absolute;left:1.2rem;width:1.6rem;height:1.6rem;color:var(--color-secondary);pointer-events:none;z-index:10}.control-select{appearance:none;padding-left:3.6rem;padding-right:2.4rem;cursor:pointer;&:hover+.select-icon,&:hover{color:#fff;.select-icon{color:#fff}}}&:hover .select-icon{color:#fff}}.control-btn{display:flex;align-items:center;justify-content:center;padding:0 1.2rem;cursor:pointer;.icon-sm{width:1.8rem;height:1.8rem}&.clear-btn{border-color:var(--color-alert);color:var(--color-alert);&:hover{background-color:var(--color-alert);color:#fff}}}}}.no-results{grid-column:1 / -1;text-align:center;padding:4rem;font-size:1.6rem;color:var(--color-text);display:flex;flex-direction:column;align-items:center;gap:1rem;.profile-btn{background-color:var(--color-text);color:#fff;padding:1rem 2rem;border-radius:1.6rem;transition:transform .2s ease-out;&:hover{transform:scale(1.05)}}}.profiles-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:3.2rem;.profile-card{display:flex;flex-direction:column;.profile-header{display:flex;flex-direction:column;padding:1.2rem 1.8rem;gap:.8rem;border-radius:2rem 2rem 0 0;background-color:var(--color-primary);.header-top{display:flex;align-items:center;gap:1.2rem;.profile-icon-header{height:2.8rem;width:2.8rem;color:var(--color-white);flex-shrink:0}.titulo-wrapper{display:flex;flex-direction:column;gap:.6rem;align-items:flex-start;h3{font-size:2rem;color:var(--color-white);line-height:1.2}}}.header-description{color:var(--color-white)}.badge-popular{background-color:#fff3cd;color:#856404;font-size:1.2rem;font-weight:700;padding:2px 6px;border-radius:1rem;border:1px solid #ffeeba;display:inline-block;align-self:flex-start;margin-bottom:.4rem;margin-top:.4rem}}.profile-body{display:flex;padding:1.2rem;flex-direction:column;align-items:flex-start;gap:1.2rem;align-self:stretch;flex:1;border-radius:0 0 2rem 2rem;border-top:.1rem solid var(--color-primary, #258DCA);border-right:.1rem solid var(--color-primary, #258DCA);border-bottom:.4rem solid var(--color-primary, #258DCA);border-left:.1rem solid var(--color-primary, #258DCA);background-color:var(--color-background);.profile-content{width:100%;flex:1;.includes-title{font-weight:var(--weight-bold);margin-bottom:1rem;font-size:1.8rem}ul{list-style:none;padding:0;display:flex;flex-direction:column;gap:.5rem;li{display:flex;align-items:center;gap:1.2rem;.check-icon{color:var(--color-secondary);height:2.4rem;width:2.4rem;flex-shrink:0}}}}.profile-body-divider{width:100%;height:.1rem;background-color:var(--color-text);opacity:.5}.profile-footer{width:100%;display:flex;align-items:center;justify-content:space-between;span{font-weight:var(--weight-bold)}.profile-btn{display:flex;align-items:center;padding:.4rem 1.6rem;border-radius:1rem;gap:.8rem;font-weight:var(--weight-medium);background-color:var(--color-secondary);color:var(--color-white);transition:transform .2s ease-out;.profile-icon-footer{height:2.4rem;width:2.4rem}&:hover{transform:scale(1.04)}}}}}}.paginacion-wrapper{display:flex;flex-direction:column;align-items:center;margin-top:2.8rem;.paginacion-nav{display:flex;align-items:center;gap:1rem;flex-wrap:wrap;justify-content:center;.btn-paginacion{display:inline-flex;align-items:center;justify-content:center;padding:1rem 1.6rem;font-weight:var(--weight-semibold);border-radius:1rem;transition:all .2s ease;gap:.5rem;&.outline{background-color:#fff;border:.2rem solid var(--color-secondary);color:var(--color-secondary);&:hover{background-color:var(--color-secondary);color:var(--color-white)}}&.disabled{background-color:#f9fafb;border:1px solid #e5e7eb;color:#9ca3af;cursor:not-allowed;pointer-events:none}}.numeros-paginacion{display:flex;align-items:center;gap:1rem;margin:0 1.8rem;.btn-numero{display:flex;align-items:center;justify-content:center;min-width:4rem;height:4rem;border-radius:1rem;font-weight:var(--weight-medium);border:.2rem solid var(--color-secondary);background-color:#fff;color:var(--color-secondary);transition:all .2s ease;text-decoration:none;&:hover{background-color:var(--color-secondary);color:var(--color-white)}&.activo{background-color:var(--color-secondary);color:var(--color-white)}}}.puntos{padding:0 .5rem;color:#9ca3af;letter-spacing:2px}.info-movil{display:none;color:#4b5563}}}}@keyframes spin{to{transform:rotate(360deg)}}@media(max-width:1214px){.profiles-wrapper{.profiles-controls{.controls-form{display:flex;flex-direction:column;align-items:flex-start;.search-group{max-width:none;width:100%}.filters-group{width:100%;.select-wrapper{flex:1;.control-select{flex:1}}}}}.profiles-grid{grid-template-columns:repeat(2,1fr);gap:2rem}}}@media(max-width:810px){.profiles-wrapper{padding:3rem 1rem;.profiles-texts{h2{font-size:2rem}p{font-size:1.4rem}}.profiles-grid{.profile-card{.profile-header{.header-top{.titulo-wrapper{h3{font-size:1.8rem;color:var(--color-white)}}}.header-description{font-size:1.4rem}.badge-popular{font-size:1rem;margin-bottom:0}}.profile-body{.profile-content{.includes-title{font-size:1.6rem}ul{li{.check-icon{height:2rem;width:2rem}span{font-size:1.4rem}}}}.profile-footer{span{font-size:1.4rem}.profile-btn{font-size:1.4rem;.profile-icon-footer{height:2rem;width:2rem}}}}}}.paginacion-wrapper{.paginacion-nav{.numeros-paginacion{display:none}.info-movil{display:block}}}}}@media(max-width:560px){.profiles-wrapper{.profiles-grid{grid-template-columns:1fr}.paginacion-wrapper{.paginacion-nav{gap:1.4rem;.btn-paginacion{gap:.6rem;padding:1rem 1.2rem;font-size:1.4rem}.info-movil{font-size:1.4rem}}}}}@media(max-width:380px){.profiles-wrapper{.profiles-texts{h2{font-size:1.8rem}p{font-size:1.3rem}}.profiles-grid{gap:1.6rem;.profile-card{.profile-header{.header-top{.titulo-wrapper{h3{font-size:1.7rem}}.header-description{font-size:1.3rem}}}.profile-body{.profile-content{.includes-title{font-size:1.5rem}ul{li{.check-icon{height:2rem;width:2rem}span{font-size:1.3rem}}}}.profile-footer{span,.profile-btn{font-size:1.3rem}}}}}.paginacion-wrapper{.paginacion-nav{gap:1.4rem;.btn-paginacion,.info-movil{font-size:1.3rem}}}}}