: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-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,[class*=dia-de-la-madre] .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,[class*=dia-de-la-madre] .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,[class*=dia-de-la-madre] .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,[class*=dia-de-la-madre] .floating-cta:hover:after{left:100%!important}.ocasiones-especiales-hub .floating-cta:hover,[class*=dia-del-padre] .floating-cta:hover,[class*=dia-de-la-madre] .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,[class*=dia-de-la-madre] .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,[class*=dia-de-la-madre] .floating-cta:after{display:none!important}}