:root{--ocasiones-primary:#667eea;--ocasiones-secondary:#764ba2;--ocasiones-accent:#ffb84d;--ocasiones-light:#f8f9fa;--ocasiones-gradient-bg:linear-gradient(135deg,#fef7e7 0%,#fff5e6 25%,#fef9f0 50%,#f8f9fa 75%,#fce7f3 100%);--ocasiones-gradient-text:linear-gradient(135deg,#667eea 0%,#764ba2 100%);--ocasiones-gradient-cta:linear-gradient(135deg,#667eea 0%,#764ba2 100%);--ocasiones-shadow-sm:0 4px 12px #667eea1a;--ocasiones-shadow-md:0 8px 24px #667eea33;--ocasiones-shadow-lg:0 12px 32px #667eea4d;--gradient-title-ocasiones-main:linear-gradient(135deg,#5b4ba6 0%,#7c6cb8 40%,#5b4ba6 100%);--gradient-title-ocasiones-secondary:linear-gradient(135deg,#4a90e2 0%,#6ba8ec 40%,#4a90e2 100%);--gradient-title-ocasiones-accent:linear-gradient(135deg,#ffb84d 0%,#ffc870 40%,#ffb84d 100%)}.ocasiones-cta-primary{background:var(--gradient-title-ocasiones-accent);color:#fff;border-radius:var(--radius-button);cursor:pointer;transition:var(--transition-standard);text-shadow:0 1px 2px #00000026;border:1px solid #fff6;align-items:center;gap:10px;padding:6px 20px;font-family:Playpen Sans,sans-serif;font-size:1.1rem;font-weight:700;text-decoration:none;display:inline-flex;position:relative;overflow:hidden;box-shadow:0 8px 24px #f59e0b4d,0 4px 12px #fb923c33,0 2px 4px #0000001a}.ocasiones-cta-primary:before{content:"";pointer-events:none;background:linear-gradient(#fff6 0%,#ffffff1a 100%);border-radius:50px 50px 100% 100%;height:50%;position:absolute;top:0;left:0;right:0}.ocasiones-cta-primary:after{content:"";pointer-events:none;background:linear-gradient(90deg,#0000 0%,#fff6 50%,#0000 100%);width:100%;height:100%;transition:left .5s;position:absolute;top:0;left:-100%}.ocasiones-cta-primary:hover:after{left:100%}.ocasiones-cta-primary:hover{background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);border:1px solid #fff9;transform:translateY(-3px);box-shadow:0 12px 32px #667eea66,0 6px 16px #764ba24d,0 2px 8px #00000026}.ocasiones-cta-primary:active{transform:translateY(-1px);box-shadow:0 6px 16px #667eea59,0 3px 8px #764ba240,0 1px 4px #0000001a}.ocasiones-especiales-hub{width:100%;overflow-x:hidden}.ocasiones-hub-hero{background:linear-gradient(135deg,#f5f3ff 0%,#e0e7ff 25%,#dbeafe 50%,#fef3c7 75%,#fef7e7 100%);justify-content:center;align-items:center;width:100%;min-height:auto;padding:4rem 2rem;display:flex;position:relative;overflow:hidden}.ocasiones-hub-hero:before{content:"";opacity:.5;pointer-events:none;z-index:0;background-image:radial-gradient(circle at 5% 15%,#c4b5fd 3px,#0000 3px),radial-gradient(circle at 25% 8%,#a78bfa 2px,#0000 2px),radial-gradient(circle at 85% 12%,#c4b5fd 2.5px,#0000 2.5px),radial-gradient(circle at 72% 35%,#a78bfa 2px,#0000 2px),radial-gradient(circle at 15% 45%,#93c5fd 2.5px,#0000 2.5px),radial-gradient(circle at 92% 55%,#7dd3fc 2px,#0000 2px),radial-gradient(circle at 45% 5%,#67e8f9 2px,#0000 2px),radial-gradient(circle at 8% 85%,#93c5fd 3px,#0000 3px),radial-gradient(circle at 35% 75%,#fcd34d 2px,#0000 2px),radial-gradient(circle at 78% 82%,#fde68a 2.5px,#0000 2.5px),radial-gradient(circle at 55% 25%,#fbbf24 2px,#0000 2px),radial-gradient(circle at 62% 65%,#60a5fa 2px,#0000 2px),radial-gradient(circle at 18% 68%,#3b82f6 2.5px,#0000 2.5px),radial-gradient(circle at 88% 38%,#60a5fa 2px,#0000 2px);background-size:100% 100%;width:100%;height:100%;position:absolute;top:0;left:0}.ocasiones-hub-hero-container{z-index:2;width:100%;max-width:1200px;padding:0 16px;position:relative}@media (max-width:640px){.ocasiones-hub-hero-container{padding:0 8px}}.ocasiones-hub-hero-grid{grid-template-columns:1fr 1fr;align-items:center;gap:4rem;display:grid}.ocasiones-hub-hero-content{flex-direction:column;gap:1.5rem;display:flex}.ocasiones-hub-hero-title{margin:0;font-size:1rem;line-height:1.1}.ocasiones-hub-title-main{background:var(--gradient-title-ocasiones-main);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;font-family:Playpen Sans,cursive,sans-serif;font-size:max(2rem,min(4vw,3rem));font-weight:600;line-height:1.15;display:block}.ocasiones-hub-title-main-second{background:var(--gradient-title-ocasiones-secondary);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;font-family:Playpen Sans,cursive,sans-serif;font-size:max(2rem,min(4vw,3rem));font-weight:700;line-height:1.15;display:block}.ocasiones-hub-title-accent{background:var(--gradient-title-ocasiones-accent);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;margin-top:.25rem;font-family:Playpen Sans,cursive,sans-serif;font-size:max(1.75rem,min(3.5vw,2.5rem));font-weight:600;display:block}.ocasiones-hub-hero-subtitle{color:var(--text-secondary);margin:0;font-family:Playpen Sans,sans-serif;font-size:max(1.1rem,min(2vw,1.35rem));font-weight:300;line-height:1.6}.ocasiones-hub-hero-subtitle strong{color:#1a1a2e;font-weight:700}.ocasiones-hub-ai-accent{background:var(--gradient-title-ocasiones-main);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;font-weight:700}.ocasiones-hub-hero-features-cards{flex-wrap:nowrap;gap:.75rem;margin-top:.5rem;display:flex}.ocasiones-hub-feature-card{background:var(--gradient-card-glass);-webkit-backdrop-filter:var(--backdrop-blur);border-radius:var(--radius-card);border:var(--border-card-glass);box-shadow:var(--shadow-card);min-width:140px;max-width:170px;transition:var(--transition-cubic);flex-direction:column;flex:1;align-items:flex-start;gap:.4rem;padding:.1rem .3rem;display:flex;position:relative;overflow:hidden}.ocasiones-hub-feature-card:after{content:"";pointer-events:none;z-index:1;background:linear-gradient(#fff6 0%,#ffffff1a 50%,#0000 100%);border-radius:12px 12px 0 0;height:35%;position:absolute;top:0;left:0;right:0}.ocasiones-hub-feature-card:before{content:"";pointer-events:none;background:linear-gradient(90deg,#0000 0%,#fff6 50%,#0000 100%);width:100%;height:100%;transition:left .5s;position:absolute;top:0;left:-100%}.ocasiones-hub-feature-card:hover:before{left:100%}.ocasiones-hub-feature-card:hover{background:var(--gradient-card-glass-hover);box-shadow:var(--shadow-card-hover);transform:translateY(-4px)scale(1.02)}.ocasiones-hub-feature-card-icon-wrapper{justify-content:center;align-items:center;width:28px;height:28px;transition:all .3s;display:flex}.ocasiones-hub-feature-card:hover .ocasiones-hub-feature-card-icon-wrapper{transform:scale(1.1)}.ocasiones-hub-feature-card-icon{justify-content:center;align-items:center;font-size:.85rem;display:flex}.ocasiones-hub-feature-card-header{z-index:2;align-items:center;gap:.1rem;display:flex;position:relative}.ocasiones-hub-feature-card-title{color:var(--text-primary);font-family:Playpen Sans,sans-serif;font-size:.7rem;font-weight:400;line-height:1.2}.ocasiones-hub-hero-cta-section{justify-content:flex-start;margin-top:.5rem;display:flex}.ocasiones-hub-hero-social-proof{background:var(--gradient-social-proof);border-radius:var(--radius-button);box-shadow:var(--shadow-social-proof);border:var(--border-social-proof);align-items:center;gap:.75rem;padding:8px 16px 8px 8px;display:inline-flex}.ocasiones-hub-avatar-stack{align-items:center;display:flex}.ocasiones-hub-avatar{border:2px solid #fff;border-radius:50%;justify-content:center;align-items:center;width:32px;height:32px;margin-left:-8px;display:flex;position:relative;overflow:hidden;box-shadow:0 2px 4px #0000001a}.ocasiones-hub-avatar:first-child{margin-left:0}.ocasiones-hub-avatar span{font-size:.9rem}.ocasiones-hub-avatar-image{object-fit:cover;border-radius:50%;width:100%;height:100%}.ocasiones-hub-social-proof-text{color:var(--text-muted);font-family:Playpen Sans,sans-serif;font-size:.85rem;font-weight:500}.ocasiones-hub-hero-images{justify-content:center;align-items:center;display:flex}.ocasiones-hub-masonry-grid{gap:1rem;width:100%;max-width:520px;display:flex}.ocasiones-hub-masonry-column{flex-direction:column;flex:1;gap:1rem;display:flex}.ocasiones-hub-image-item{border-radius:var(--radius-image);border:var(--border-image-silver);background-image:var(--gradient-image-border);box-shadow:var(--shadow-image);transition:var(--transition-standard);background-origin:border-box;background-clip:padding-box,border-box;position:relative;overflow:hidden}.ocasiones-hub-image-item:before{content:"";pointer-events:none;z-index:1;background:linear-gradient(#ffffff4d 0%,#ffffff1a 50%,#0000 100%);border-radius:16px 16px 0 0;height:40%;position:absolute;top:0;left:0;right:0}.ocasiones-hub-image-item:after{content:"";pointer-events:none;z-index:2;background:linear-gradient(90deg,#0000 0%,#fff6 50%,#0000 100%);width:100%;height:200%;transition:left .6s;position:absolute;top:-50%;left:-100%;transform:rotate(25deg)}.ocasiones-hub-image-item:hover:after{left:200%}.ocasiones-hub-image-item:hover{box-shadow:var(--shadow-image-hover);transform:scale(1.02)}.ocasiones-hub-image-item.tall{aspect-ratio:3/4}.ocasiones-hub-image-item.short{aspect-ratio:4/3}.ocasiones-hub-placeholder-content{background:linear-gradient(145deg,#f5f3ff 0%,#e0e7ff 50%,#dbeafe 100%);justify-content:center;align-items:center;width:100%;height:100%;display:flex}.ocasiones-hub-placeholder-icon{opacity:.6;font-size:3rem}.ocasiones-hub-masonry-column:first-child .ocasiones-hub-image-item:first-child .ocasiones-hub-placeholder-content{background:linear-gradient(145deg,#f5f3ff 0%,#e0e7ff 100%)}.ocasiones-hub-masonry-column:first-child .ocasiones-hub-image-item:last-child .ocasiones-hub-placeholder-content{background:linear-gradient(145deg,#fef3c7 0%,#fde68a 100%)}.ocasiones-hub-masonry-column:last-child .ocasiones-hub-image-item:first-child .ocasiones-hub-placeholder-content{background:linear-gradient(145deg,#dbeafe 0%,#bfdbfe 100%)}.ocasiones-hub-masonry-column:last-child .ocasiones-hub-image-item:last-child .ocasiones-hub-placeholder-content{background:linear-gradient(145deg,#e0e7ff 0%,#c7d2fe 100%)}@media (max-width:968px){.ocasiones-hub-hero{padding:3rem 1.5rem}.ocasiones-hub-hero-grid{grid-template-columns:1fr;gap:2.5rem}.ocasiones-hub-hero-content{text-align:center;align-items:center}.ocasiones-hub-title-main,.ocasiones-hub-title-main-second{font-size:max(1.75rem,min(6vw,2.5rem))}.ocasiones-hub-title-accent{font-size:max(1.5rem,min(5vw,2rem))}.ocasiones-hub-hero-subtitle{text-align:center}.ocasiones-hub-hero-features-cards{justify-content:center;max-width:650px}.ocasiones-hub-feature-card{min-width:150px;max-width:180px}.ocasiones-hub-hero-cta-section{justify-content:center}.ocasiones-hub-hero-social-proof{align-self:center}.ocasiones-hub-hero-images{order:1}.ocasiones-hub-masonry-grid{max-width:420px}.ocasiones-hub-placeholder-icon{font-size:2.5rem}}@media (max-width:640px){.ocasiones-hub-hero{padding:2.5rem .5rem}.ocasiones-hub-hero-grid{gap:2rem}.ocasiones-hub-hero-content{gap:1.25rem}.ocasiones-hub-title-main,.ocasiones-hub-title-main-second{font-size:2.2rem}.ocasiones-hub-title-accent{font-size:1.6rem}.ocasiones-hub-hero-subtitle{font-size:1rem}.ocasiones-hub-hero-features-cards{grid-template-columns:auto auto;justify-content:center;gap:.5rem;width:auto;max-width:none;display:grid}.ocasiones-hub-feature-card{min-width:unset;flex-direction:column;align-items:flex-start;gap:.4rem;width:auto;max-width:none;padding:.1rem .3rem;display:flex}.ocasiones-hub-feature-card:before{display:none}.ocasiones-hub-feature-card-title{text-align:left;white-space:nowrap;font-size:.7rem}.ocasiones-hub-hero-social-proof{gap:.5rem;padding:6px 12px 6px 6px}.ocasiones-hub-avatar{width:28px;height:28px;margin-left:-6px}.ocasiones-hub-avatar span,.ocasiones-hub-social-proof-text{font-size:.75rem}.ocasiones-hub-masonry-grid{gap:.75rem;max-width:420px}.ocasiones-hub-masonry-column{gap:.75rem}.ocasiones-hub-image-item{border-radius:var(--radius-card);border-width:1px}.ocasiones-hub-image-item:after{display:none}.ocasiones-hub-placeholder-icon{font-size:2rem}}@media (max-width:380px){.ocasiones-hub-hero{padding:2rem .75rem}.ocasiones-hub-title-main,.ocasiones-hub-title-main-second{font-size:1.5rem}.ocasiones-hub-title-accent{font-size:1.25rem}.ocasiones-hub-hero-subtitle{font-size:.95rem}.ocasiones-hub-hero-social-proof{flex-wrap:wrap;justify-content:center;gap:.4rem;padding:6px 10px}.ocasiones-hub-avatar{width:24px;height:24px;margin-left:-5px}.ocasiones-hub-avatar span{font-size:.65rem}.ocasiones-hub-social-proof-text{font-size:.7rem}.ocasiones-hub-masonry-grid{max-width:280px}}.ocasiones-section{background:#f8f9fa;padding:80px 20px}.ocasiones-section h2{text-align:center;color:#2d3748;margin-bottom:15px;font-size:2.5rem;font-weight:800}.section-subtitle{text-align:center;color:#718096;max-width:600px;margin-bottom:50px;margin-left:auto;margin-right:auto;font-size:1.15rem}.ocasiones-grid{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:30px;max-width:1200px;margin:0 auto;display:grid}.ocasion-card{text-align:center;color:inherit;cursor:pointer;background:#fff;border:2px solid #e2e8f0;border-radius:16px;flex-direction:column;min-height:350px;padding:40px 30px;text-decoration:none;transition:all .3s;display:flex;position:relative;overflow:hidden}.ocasion-card-bg{object-fit:cover;z-index:0;width:100%;height:100%;transition:all .3s;position:absolute;top:0;left:0}.ocasion-card-overlay{z-index:1;background:#00000080;width:100%;height:100%;transition:all .3s;position:absolute;top:0;left:0}.ocasion-card-content{z-index:2;flex-direction:column;height:100%;display:flex;position:relative}.ocasion-card:hover{border-color:#667eea;transform:translateY(-12px)scale(1.02);box-shadow:0 20px 40px #00000040}.ocasion-card:hover .ocasion-card-overlay{background:#0003}.ocasion-icon{margin-bottom:20px;font-size:3.5rem}.ocasion-card h3{color:#fff;margin-bottom:15px;font-size:1.5rem;font-weight:700}.ocasion-card p{color:#fff;flex-grow:1;margin-bottom:25px;font-size:1rem;line-height:1.6}.card-link{color:#667eea;background:#ffffffe6;border-radius:50px;margin-top:10px;padding:12px 24px;font-size:1rem;font-weight:700;transition:all .3s;display:inline-block;box-shadow:0 4px 12px #00000026}.ocasion-card:hover .card-link{background:#fff;transform:translate(4px)scale(1.05);box-shadow:0 6px 20px #00000040}.ocasion-card.dia-del-padre:hover{border-color:#5b4ba6;box-shadow:0 20px 40px #5b4ba666}.ocasion-card.dia-del-padre .card-link{color:#5b4ba6;background:#c8bfe7f2}.ocasion-card.dia-de-la-madre:hover{border-color:#ec4899;box-shadow:0 20px 40px #ec489966}.ocasion-card.dia-de-la-madre .card-link{color:#db2777;background:#fbcfe8f2}.ocasion-card.comunion:hover{border-color:#eab308;box-shadow:0 20px 40px #eab30866}.ocasion-card.comunion .card-link{color:#ca8a04;background:#fef9c3f2}.ocasion-card.bautizo:hover{border-color:#3b82f6;box-shadow:0 20px 40px #3b82f666}.ocasion-card.bautizo .card-link{color:#2563eb;background:#bfdbfef2}.cta-final-hub{color:#fff;text-align:center;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);padding:80px 20px}.cta-final-hub h2{margin-bottom:20px;font-size:2.5rem;font-weight:800}.cta-final-hub p{opacity:.95;margin-bottom:40px;font-size:1.2rem}.cta-buttons{flex-wrap:wrap;justify-content:center;gap:20px;display:flex}@media (max-width:768px){.ocasiones-section{padding:60px 20px}.ocasiones-section h2{font-size:2rem}.ocasiones-grid{grid-template-columns:1fr;gap:20px}.cta-final-hub{padding:60px 20px}.cta-final-hub h2{font-size:2rem}.cta-buttons{flex-direction:column;gap:15px}.ocasiones-cta-primary{width:100%;max-width:300px}}@media (max-width:480px){.ocasiones-section h2,.cta-final-hub h2{font-size:1.75rem}.ocasiones-cta-primary:after{display:none}.ocasiones-cta-primary{justify-content:center;width:100%}}.ocasiones-especiales-hub .floating-cta,[class*=dia-del-padre] .floating-cta{background:var(--gradient-title-ocasiones-accent)!important;color:#fff!important;cursor:pointer!important;text-shadow:0 1px 2px #00000026!important;border:1px solid #fff6!important;font-family:Playpen Sans,sans-serif!important;font-weight:700!important;overflow:hidden!important;box-shadow:0 8px 24px #f59e0b4d,0 4px 12px #fb923c33,0 2px 4px #0000001a!important}.ocasiones-especiales-hub .floating-cta:before,[class*=dia-del-padre] .floating-cta:before{content:""!important;pointer-events:none!important;z-index:1!important;background:linear-gradient(#fff6 0%,#ffffff1a 100%)!important;border-radius:50px 50px 100% 100%!important;height:50%!important;position:absolute!important;top:0!important;left:0!important;right:0!important}.ocasiones-especiales-hub .floating-cta:after,[class*=dia-del-padre] .floating-cta:after{content:""!important;pointer-events:none!important;z-index:1!important;background:linear-gradient(90deg,#0000 0%,#fff6 50%,#0000 100%)!important;width:100%!important;height:100%!important;transition:left .5s!important;position:absolute!important;top:0!important;left:-100%!important}.ocasiones-especiales-hub .floating-cta:hover:after,[class*=dia-del-padre] .floating-cta:hover:after{left:100%!important}.ocasiones-especiales-hub .floating-cta:hover,[class*=dia-del-padre] .floating-cta:hover{background:linear-gradient(135deg,#667eea 0%,#764ba2 100%)!important;border:1px solid #fff9!important;transform:translate(-50%,-2px)!important;box-shadow:0 12px 32px #667eea66,0 6px 16px #764ba24d,0 2px 8px #00000026!important}.ocasiones-especiales-hub .floating-cta:active,[class*=dia-del-padre] .floating-cta:active{transform:translate(-50%)!important;box-shadow:0 6px 16px #667eea59,0 3px 8px #764ba240,0 1px 4px #0000001a!important}@media (max-width:480px){.ocasiones-especiales-hub .floating-cta:after,[class*=dia-del-padre] .floating-cta:after{display:none!important}}