:root{--pa-navy:#1a2e4a;--pa-navy-light:#2c4a6e;--pa-gold:#c9a84c;--pa-gold-light:#e0c170;--pa-white:#fff;--pa-gray-bg:#f7f8fa;--pa-gray-text:#666;--pa-gray-light:#e8eaed;--pa-shadow-sm:0 2px 12px rgba(0,0,0,.08);--pa-shadow-md:0 8px 30px rgba(0,0,0,.12);--pa-shadow-lg:0 20px 50px rgba(0,0,0,.16);--pa-radius:8px;--pa-tr:.3s cubic-bezier(.25,.46,.45,.94)}
.puebla-agents-hero{background:linear-gradient(135deg,var(--pa-navy),var(--pa-navy-light));color:var(--pa-white);padding:90px 0 70px;text-align:center}
.puebla-agents-hero-label{font-size:11px;font-weight:700;letter-spacing:3px;text-transform:uppercase;color:var(--pa-gold);margin-bottom:16px}
.puebla-agents-hero-title{font-size:52px;font-weight:700;color:var(--pa-white);margin-bottom:20px;line-height:1.1}
.puebla-agents-hero-sub{font-size:18px;max-width:600px;margin:0 auto;opacity:.85;line-height:1.7}
.puebla-agents-intro{padding:50px 0;background:var(--pa-white);border-bottom:1px solid var(--pa-gray-light)}
.puebla-agents-intro p{font-size:17px;color:#444;line-height:1.8;max-width:760px;margin:0 auto;text-align:center}
.puebla-agents-filters-bar{padding:24px 0;background:var(--pa-gray-bg);border-bottom:1px solid var(--pa-gray-light);position:sticky;top:0;z-index:100;box-shadow:var(--pa-shadow-sm)}
.puebla-agents-filters-inner{display:flex;align-items:center;gap:20px;flex-wrap:wrap}
.puebla-agents-search{position:relative;flex:1;min-width:200px}
.puebla-agents-search i{position:absolute;left:14px;top:50%;transform:translateY(-50%);color:#999;font-size:14px}
.puebla-agents-search input{width:100%;padding:11px 16px 11px 38px;border:1px solid var(--pa-gray-light);border-radius:50px;font-size:14px;background:var(--pa-white);outline:none;transition:border-color var(--pa-tr),box-shadow var(--pa-tr)}
.puebla-agents-search input:focus{border-color:var(--pa-navy);box-shadow:0 0 0 3px rgba(26,46,74,.1)}
.puebla-agents-filter-chips{display:flex;gap:8px;flex-wrap:wrap}
.puebla-filter-chip{padding:9px 20px;border:1.5px solid var(--pa-gray-light);border-radius:50px;background:var(--pa-white);font-size:13px;font-weight:500;color:var(--pa-gray-text);cursor:pointer;transition:all var(--pa-tr);outline:none}
.puebla-filter-chip:hover{border-color:var(--pa-navy);color:var(--pa-navy)}
.puebla-filter-chip.active{background:var(--pa-navy);border-color:var(--pa-navy);color:var(--pa-white)}
.puebla-agents-grid{padding:60px 0 80px;background:var(--pa-gray-bg)}
.puebla-agent-card{background:var(--pa-white);border-radius:var(--pa-radius);overflow:hidden;box-shadow:var(--pa-shadow-sm);transition:transform var(--pa-tr),box-shadow var(--pa-tr);height:100%;display:flex;flex-direction:column}
.puebla-agent-card:hover{transform:translateY(-8px);box-shadow:var(--pa-shadow-lg)}
.puebla-agent-card-media{position:relative;overflow:hidden;height:260px;background:var(--pa-navy)}
.puebla-agent-card-img{width:100%;height:100%;object-fit:cover;display:block;transition:transform var(--pa-tr)}
.puebla-agent-card:hover .puebla-agent-card-img{transform:scale(1.06)}
.puebla-agent-card-overlay{position:absolute;inset:0;background:linear-gradient(to top,rgba(26,46,74,.55),transparent 60%);opacity:0;transition:opacity var(--pa-tr)}
.puebla-agent-card:hover .puebla-agent-card-overlay{opacity:1}
.puebla-agent-card-badge{position:absolute;top:14px;right:14px;background:var(--pa-gold);color:var(--pa-navy);font-size:10px;font-weight:700;letter-spacing:1.5px;text-transform:uppercase;padding:4px 12px;border-radius:50px}
.puebla-agent-avatar-placeholder{display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,var(--pa-navy),var(--pa-navy-light));color:var(--pa-white)}
.puebla-agent-avatar-card{width:100%;height:260px}
.puebla-agent-avatar-card span{font-size:60px;font-weight:700;opacity:.3;letter-spacing:-2px}
.puebla-agent-avatar-profile{width:100%;max-width:320px;height:380px;border-radius:12px;box-shadow:var(--pa-shadow-md)}
.puebla-agent-avatar-profile span{font-size:96px;font-weight:700;opacity:.25}
.puebla-agent-card-body{padding:24px;flex:1;display:flex;flex-direction:column}
.puebla-agent-card-name{font-size:19px;font-weight:700;color:var(--pa-navy);margin-bottom:4px}
.puebla-agent-card-cargo{font-size:11px;color:var(--pa-gold);font-weight:700;letter-spacing:1.5px;text-transform:uppercase;margin-bottom:12px}
.puebla-agent-card-intro{font-size:14px;color:var(--pa-gray-text);line-height:1.6;flex:1;margin-bottom:20px}
.puebla-agent-card-btn{display:inline-flex;align-items:center;gap:8px;padding:10px 22px;background:var(--pa-navy);color:var(--pa-white)!important;border-radius:var(--pa-radius);font-size:13px;font-weight:600;text-decoration:none!important;transition:background var(--pa-tr);align-self:flex-start}
.puebla-agent-card-btn:hover{background:var(--pa-navy-light)}
.puebla-agent-card-btn i{transition:transform var(--pa-tr)}
.puebla-agent-card-btn:hover i{transform:translateX(4px)}
.puebla-agents-no-results{text-align:center;padding:60px 20px;color:var(--pa-gray-text)}
.puebla-agents-cta{background:var(--pa-navy);color:var(--pa-white);padding:80px 0;text-align:center}
.puebla-agents-cta h2{font-size:34px;font-weight:700;color:var(--pa-white);margin-bottom:16px}
.puebla-agents-cta p{font-size:17px;opacity:.85;max-width:520px;margin:0 auto 36px;line-height:1.7}
.puebla-agents-cta-btns{display:flex;gap:16px;justify-content:center;flex-wrap:wrap}
.puebla-agent-btn{display:inline-flex;align-items:center;gap:8px;padding:12px 28px;border-radius:var(--pa-radius);font-size:14px;font-weight:600;text-decoration:none!important;cursor:pointer;transition:all var(--pa-tr);border:2px solid transparent}
.puebla-agent-btn-primary{background:var(--pa-gold);color:var(--pa-navy)!important;border-color:var(--pa-gold)}
.puebla-agent-btn-primary:hover{background:var(--pa-gold-light);border-color:var(--pa-gold-light);transform:translateY(-2px)}
.puebla-agent-btn-secondary{background:var(--pa-navy);color:var(--pa-white)!important;border-color:var(--pa-navy)}
.puebla-agent-btn-secondary:hover{background:var(--pa-navy-light);border-color:var(--pa-navy-light);transform:translateY(-2px)}
.puebla-agent-btn-outline{background:transparent;color:var(--pa-white)!important;border-color:rgba(255,255,255,.5)}
.puebla-agent-btn-outline:hover{background:rgba(255,255,255,.1);border-color:var(--pa-white);transform:translateY(-2px)}
.puebla-agent-btn-outline-dark{background:transparent;color:var(--pa-navy)!important;border-color:var(--pa-navy)}
.puebla-agent-btn-outline-dark:hover{background:var(--pa-navy);color:var(--pa-white)!important;transform:translateY(-2px)}
.puebla-agent-back-bar{background:var(--pa-gray-bg);border-bottom:1px solid var(--pa-gray-light);padding:14px 0}
.puebla-agent-back-link{font-size:13px;font-weight:600;color:var(--pa-navy)!important;text-decoration:none!important;display:inline-flex;align-items:center;gap:8px;transition:gap var(--pa-tr)}
.puebla-agent-back-link:hover{gap:12px}
.puebla-agent-profile-header{padding:60px 0;background:var(--pa-white);border-bottom:1px solid var(--pa-gray-light)}
.puebla-agent-profile-photo-col{margin-bottom:30px}
.puebla-agent-photo-img{width:100%;max-width:320px;border-radius:12px;box-shadow:var(--pa-shadow-md);display:block}
.puebla-agent-profile-label{font-size:11px;font-weight:700;letter-spacing:3px;text-transform:uppercase;color:var(--pa-gold);margin-bottom:12px}
.puebla-agent-profile-name{font-size:44px;font-weight:700;color:var(--pa-navy);line-height:1.1;margin-bottom:8px}
.puebla-agent-profile-cargo{font-size:14px;color:var(--pa-gray-text);font-weight:500;margin-bottom:20px;text-transform:uppercase;letter-spacing:1px}
.puebla-agent-profile-intro{font-size:17px;color:#444;line-height:1.7;max-width:500px;margin-bottom:30px}
.puebla-agent-profile-actions{display:flex;gap:12px;flex-wrap:wrap}
.puebla-agent-profile-body{padding:60px 0;background:var(--pa-gray-bg)}
.puebla-agent-contact-card{background:var(--pa-white);border-radius:var(--pa-radius);padding:28px;box-shadow:var(--pa-shadow-sm)}
.puebla-agent-contact-card--mt{margin-top:20px}
.puebla-agent-contact-title{font-size:13px;font-weight:700;text-transform:uppercase;letter-spacing:1.5px;color:var(--pa-navy);margin-bottom:20px;padding-bottom:14px;border-bottom:2px solid var(--pa-gold);display:flex;align-items:center;gap:8px}
.puebla-agent-contact-list{list-style:none;padding:0;margin:0}
.puebla-agent-contact-list li{display:flex;align-items:flex-start;gap:12px;padding:10px 0;border-bottom:1px solid var(--pa-gray-light);font-size:14px;color:#444}
.puebla-agent-contact-list li:last-child{border-bottom:none}
.puebla-agent-contact-list li i{color:var(--pa-gold);margin-top:2px;width:16px;text-align:center;flex-shrink:0}
.puebla-agent-contact-list a{color:var(--pa-navy);text-decoration:none;font-weight:500}
.puebla-agent-contact-list a:hover{color:var(--pa-gold)}
.puebla-agent-chips{display:flex;flex-wrap:wrap;gap:8px}
.puebla-agent-chip{background:rgba(26,46,74,.07);color:var(--pa-navy);font-size:12px;font-weight:600;padding:6px 14px;border-radius:50px}
.puebla-agent-bio,.puebla-agent-portfolio{background:var(--pa-white);border-radius:var(--pa-radius);padding:36px;box-shadow:var(--pa-shadow-sm);margin-bottom:24px}
.puebla-agent-section-title{font-size:22px;font-weight:700;color:var(--pa-navy);margin-bottom:20px;padding-bottom:14px;border-bottom:2px solid var(--pa-gold)}
.puebla-agent-bio-text{font-size:16px;color:#444;line-height:1.8;margin:0}
.puebla-agent-portfolio-card{background:var(--pa-gray-bg);border-radius:var(--pa-radius);padding:28px 20px;text-align:center;margin-bottom:16px;border:1px solid var(--pa-gray-light);transition:box-shadow var(--pa-tr)}
.puebla-agent-portfolio-card:hover{box-shadow:var(--pa-shadow-md)}
.puebla-agent-portfolio-card i{color:var(--pa-gold);margin-bottom:12px;display:block}
.puebla-agent-portfolio-card h4{font-size:15px;font-weight:700;color:var(--pa-navy);margin-bottom:8px}
.puebla-agent-portfolio-card p{font-size:13px;color:var(--pa-gray-text);margin:0;line-height:1.5}
.puebla-agent-portfolio-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:24px;padding-top:24px;border-top:1px solid var(--pa-gray-light)}
@media(max-width:991px){.puebla-agents-hero-title{font-size:40px}.puebla-agent-profile-name{font-size:34px}}
@media(max-width:767px){.puebla-agents-hero{padding:60px 0 50px}.puebla-agents-hero-title{font-size:30px}.puebla-agents-hero-sub{font-size:15px}.puebla-agents-filters-bar{position:static}.puebla-agents-filters-inner{flex-direction:column;align-items:stretch}.puebla-agents-filter-chips{justify-content:center}.puebla-agents-cta h2{font-size:26px}.puebla-agents-cta-btns{flex-direction:column;align-items:center}.puebla-agent-profile-name{font-size:26px}.puebla-agent-profile-photo-col{text-align:center}.puebla-agent-photo-img,.puebla-agent-avatar-profile{max-width:220px;height:260px;margin:0 auto}.puebla-agent-avatar-profile span{font-size:64px}.puebla-agent-bio,.puebla-agent-portfolio{padding:24px}.puebla-agent-profile-actions{justify-content:flex-start}.puebla-agent-portfolio-actions{flex-direction:column}}
@media(max-width:480px){.puebla-agents-hero-title{font-size:24px}.puebla-agent-card-media{height:220px}.puebla-filter-chip{padding:7px 14px;font-size:12px}.puebla-agent-btn{padding:11px 20px;font-size:13px}}