.fep-catalogo{max-width:1200px;margin:40px auto;padding:20px;font-family:-apple-system,sans-serif}
.fep-hero{background:linear-gradient(135deg,#247EA4,#1a5a77);padding:60px 30px;border-radius:15px;text-align:center;color:#fff;margin-bottom:40px}
.fep-hero h1{font-size:40px;margin:0 0 10px;font-weight:800}
.fep-hero p{font-size:18px;margin:0 0 25px;opacity:.95}
.fep-search-box{max-width:650px;margin:0 auto 15px;display:flex;gap:10px}
.fep-search-box input{flex:1;padding:16px 20px;border:none;border-radius:10px;font-size:16px}
.fep-search-box button{padding:16px 35px;background:#fff;color:#247EA4;border:none;border-radius:10px;font-weight:700;cursor:pointer}
.fep-note{font-size:14px;opacity:.85}
.fep-temas{margin-bottom:40px}
.fep-temas h2{text-align:center;font-size:28px;margin-bottom:25px}
.fep-temas-horizontal{display:flex;flex-wrap:wrap;gap:12px;justify-content:center}
.fep-tema-btn{padding:12px 20px;background:#fff;border:2px solid #e5e7eb;border-radius:10px;font-size:15px;font-weight:600;cursor:pointer;transition:all .2s;display:flex;align-items:center;gap:8px}
.fep-tema-btn span{font-size:20px}
.fep-tema-btn:hover{background:linear-gradient(135deg,#247EA4,#1a5a77);color:#fff;border-color:#247EA4;transform:translateY(-2px);box-shadow:0 4px 12px rgba(36,126,164,.3)}
.fep-toolbar{display:flex;gap:15px;background:#fff;padding:20px;border-radius:10px;margin-bottom:25px;flex-wrap:wrap;align-items:center}
.fep-toolbar button{padding:12px 24px;background:#f3f4f6;border:none;border-radius:8px;font-weight:600;cursor:pointer}
.fep-toolbar select{padding:12px;border:2px solid #e5e7eb;border-radius:8px}
#fep-total{margin-left:auto;color:#666;font-weight:600}
#fep-loading{text-align:center;padding:60px}
.fep-spinner{width:50px;height:50px;margin:0 auto;border:4px solid #f3f4f6;border-top-color:#247EA4;border-radius:50%;animation:spin 1s linear infinite}
@keyframes spin{to{transform:rotate(360deg)}}
#fep-vacio{text-align:center;padding:80px;color:#999;background:#fff;border-radius:10px}
#fep-lista{background:#fff;border-radius:12px;overflow:hidden;box-shadow:0 2px 8px rgba(0,0,0,.08);margin-bottom:30px}
.fep-item{padding:20px 25px;border-bottom:1px solid #f0f0f0;transition:background .2s}
.fep-item:last-child{border-bottom:none}
.fep-item:hover{background:#f9fafb}
.fep-item-cat{font-size:13px;font-weight:600;color:#247EA4;margin-bottom:8px}
.fep-item-titulo{font-size:17px;font-weight:600;color:#1f2937;margin-bottom:10px;line-height:1.4}
.fep-item-meta{display:flex;gap:15px;align-items:center;font-size:14px;color:#6b7280}
.fep-item-meta span{display:flex;align-items:center;gap:5px}
.fep-info-btn{margin-left:auto;padding:8px 16px;background:linear-gradient(135deg,#25D366,#128C7E);color:#fff;text-decoration:none;border-radius:6px;font-weight:600;font-size:13px;transition:all .2s}
.fep-info-btn:hover{transform:scale(1.05);box-shadow:0 2px 8px rgba(37,211,102,.3)}
#fep-paginacion{display:flex;justify-content:center;gap:8px;margin:30px 0;flex-wrap:wrap}
#fep-paginas{display:flex;gap:8px}
.fep-pag-btn{padding:10px 16px;background:#fff;border:2px solid #e5e7eb;border-radius:8px;font-weight:600;cursor:pointer;min-width:45px;text-align:center}
.fep-pag-btn:hover{background:#247EA4;color:#fff;border-color:#247EA4}
.fep-pag-btn.active{background:#247EA4;color:#fff;border-color:#247EA4}
#fep-ver-mas{text-align:center;margin:30px 0}
#fep-btn-ver-mas{padding:14px 40px;background:linear-gradient(135deg,#247EA4,#1a5a77);color:#fff;border:none;border-radius:10px;font-size:16px;font-weight:700;cursor:pointer;transition:all .3s}
#fep-btn-ver-mas:hover{transform:translateY(-2px);box-shadow:0 6px 20px rgba(36,126,164,.4)}
#fep-limite-msg{background:#fff3cd;border:1px solid #ffd700;padding:20px;border-radius:10px;text-align:center;margin-top:20px}
#fep-limite-msg p{margin:0;color:#856404}
#fep-limite-msg a{color:#247EA4;font-weight:600;text-decoration:underline}
.fep-whatsapp{background:linear-gradient(135deg,#25D366,#128C7E);padding:50px;border-radius:15px;text-align:center;margin-top:60px}
.fep-whatsapp h3{color:#fff;font-size:28px;margin:0 0 20px}
.fep-whatsapp a{display:inline-block;padding:16px 40px;background:#fff;color:#25D366;border-radius:10px;text-decoration:none;font-weight:700;font-size:16px}
@media (max-width:768px){.fep-hero h1{font-size:28px}.fep-search-box{flex-direction:column}.fep-temas-horizontal{flex-direction:column}.fep-tema-btn{justify-content:center}.fep-item-meta{flex-wrap:wrap}.fep-info-btn{margin-left:0;margin-top:10px}}