.featured-products{padding:60px 20px;background:var(--blanco);position:relative}.featured-products h2{font-weight:900;text-align:center;margin-bottom:40px;text-transform:uppercase;letter-spacing:1.5px;font-family:var(--font-primary);color:var(--negro-casther);position:relative}.featured-products h2:after{content:"";display:block;width:80px;height:4px;background:var(--naranja-casther);margin:16px auto 0;border-radius:2px}.featured-grid{display:grid;grid-template-columns:1fr;gap:24px;max-width:1400px;margin:0 auto}.featured-card{background:var(--blanco);border-radius:12px;overflow:hidden;transition:all .3s ease;border:1px solid #e0e0e0;display:flex;flex-direction:column;height:100%;box-shadow:0 2px 8px #0000000d}.featured-card:hover{transform:translateY(-8px);box-shadow:0 12px 24px #0000001f;border-color:var(--naranja-casther)}.featured-image{width:100%;height:220px;background:var(--blanco);display:flex;align-items:center;justify-content:center;font-size:14px;color:#ddd;overflow:hidden}.featured-card-image{width:100%;height:100%;object-fit:contain;padding:16px;transition:transform .3s ease}.featured-card:hover .featured-card-image{transform:scale(1.05)}.featured-content{padding:20px;flex:1;display:flex;flex-direction:column;gap:12px}.featured-category{font-size:12px;color:var(--naranja-casther);font-weight:600;text-transform:uppercase;letter-spacing:.5px}.featured-name{font-size:18px;font-weight:700;margin:0;font-family:var(--font-primary);line-height:1.2;color:var(--negro-casther)}.featured-description{font-size:14px;color:var(--gris-oscuro);line-height:1.6;margin:0;flex:1;min-height:60px;font-family:var(--font-secondary)}.featured-actions{display:flex;gap:8px;margin-top:auto}.featured-detail-btn{flex:1;padding:10px;font-size:14px;min-height:44px}.featured-error,.featured-empty{text-align:center;padding:60px 24px;max-width:600px;margin:0 auto}.featured-error i{font-size:48px;color:var(--naranja-casther);margin-bottom:16px}.featured-error p,.featured-empty p{font-size:16px;color:var(--gris-oscuro)}.featured-card.skeleton{pointer-events:none;border:1px solid #e0e0e0}.skeleton-image{width:100%;height:220px;background:linear-gradient(90deg,#f0f0f0 25%,#e0e0e0,#f0f0f0 75%);background-size:200% 100%;animation:shimmer 1.5s infinite}.skeleton-content{padding:20px;display:flex;flex-direction:column;gap:12px}.skeleton-category{width:40%;height:14px;background:linear-gradient(90deg,#f0f0f0 25%,#e0e0e0,#f0f0f0 75%);background-size:200% 100%;animation:shimmer 1.5s infinite;border-radius:4px}.skeleton-title{width:70%;height:22px;background:linear-gradient(90deg,#f0f0f0 25%,#e0e0e0,#f0f0f0 75%);background-size:200% 100%;animation:shimmer 1.5s infinite;border-radius:4px}.skeleton-desc{width:100%;height:14px;background:linear-gradient(90deg,#f0f0f0 25%,#e0e0e0,#f0f0f0 75%);background-size:200% 100%;animation:shimmer 1.5s infinite;border-radius:4px}.skeleton-desc:last-of-type{width:85%;margin-bottom:12px}.skeleton-button{width:100%;height:44px;background:linear-gradient(90deg,#f0f0f0 25%,#e0e0e0,#f0f0f0 75%);background-size:200% 100%;animation:shimmer 1.5s infinite;border-radius:24px}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}@media(min-width:480px){.featured-products{padding:70px 24px}.featured-products h2{margin-bottom:44px}.featured-image{height:240px}.featured-content{padding:24px}.featured-name{font-size:20px}.featured-description{font-size:15px}}@media(min-width:640px){.featured-grid{grid-template-columns:repeat(2,1fr);gap:24px}.featured-image{height:260px}}@media(min-width:768px){.featured-products{padding:80px 32px}.featured-products h2{font-size:40px;margin-bottom:52px}.featured-image{height:280px}}@media(min-width:1024px){.featured-products{padding:100px 48px}.featured-grid{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:28px}.featured-products h2{font-size:44px;margin-bottom:60px}.featured-image{height:240px}.featured-name{font-size:19px}.featured-description{font-size:15px}}@media(min-width:1280px){.featured-products{padding:120px 48px}.featured-products h2{font-size:48px;margin-bottom:64px}.featured-grid{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:32px}.featured-image{height:260px}.featured-card:hover{transform:translateY(-10px);box-shadow:0 20px 40px #0000001a}}
