.calendario-boda{--title-color:#121113;--month-color:#121113;--weekdays-color:#000000;--days-color:#000000;--heart-color:#121113;--heart-text-color:#ffffff;--cell-size:48px;--grid-gap-x:10px;--grid-gap-y:18px;--beat-speed:1.2s;--beat-scale:1.08}.calendario-boda .wedding-calendar{max-width:560px;margin:0 auto;text-align:center;font-family:'Cormorant Garamond',serif}.calendario-boda .wedding-calendar h2{font-size:24px;letter-spacing:3px;color:var(--title-color);margin-bottom:8px}.calendario-boda .wedding-calendar .month{margin-bottom:22px;letter-spacing:4px;font-size:18px;color:var(--month-color)}.calendario-boda .wedding-calendar .weekdays,.calendario-boda .wedding-calendar .days{display:grid;grid-template-columns:repeat(7,1fr);column-gap:var(--grid-gap-x)}.calendario-boda .wedding-calendar .weekdays{row-gap:0;margin-bottom:18px}.calendario-boda .wedding-calendar .days{row-gap:var(--grid-gap-y)}.calendario-boda .wedding-calendar .weekdays span{font-size:18px;color:var(--weekdays-color);display:flex;justify-content:center;align-items:center}.calendario-boda .wedding-calendar .days span{display:flex;align-items:center;justify-content:center;min-height:var(--cell-size);font-size:18px;color:var(--days-color)}.calendario-boda .wedding-calendar .days .empty{visibility:hidden}.calendario-boda .wedding-calendar .days .heart{position:relative;width:var(--cell-size);height:var(--cell-size);margin:0 auto;display:flex;align-items:center;justify-content:center;animation:beat var(--beat-speed) infinite ease-in-out}.calendario-boda .wedding-calendar .days .heart::before{content:"";position:absolute;inset:0;background-color:var(--heart-color);-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 29.6'%3E%3Cpath d='M23.6,0c-3,0-5.6,1.8-7.6,4.2C14,1.8,11.4,0,8.4,0C3.8,0,0,3.8,0,8.4c0,9.3,16,21.2,16,21.2s16-11.9,16-21.2C32,3.8,28.2,0,23.6,0z'/%3E%3C/svg%3E") center / contain no-repeat;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 29.6'%3E%3Cpath d='M23.6,0c-3,0-5.6,1.8-7.6,4.2C14,1.8,11.4,0,8.4,0C3.8,0,0,3.8,0,8.4c0,9.3,16,21.2,16,21.2s16-11.9,16-21.2C32,3.8,28.2,0,23.6,0z'/%3E%3C/svg%3E") center / contain no-repeat}.calendario-boda .wedding-calendar .days .heart i{position:relative;z-index:1;font-style:normal;color:var(--heart-text-color);font-size:15px}@keyframes beat{0%,100%{transform:scale(1)}50%{transform:scale(var(--beat-scale))}}@media (max-width:767px){.calendario-boda{--cell-size:40px;--grid-gap-x:6px;--grid-gap-y:14px}.calendario-boda .wedding-calendar{max-width:100%;padding:0 10px}.calendario-boda .wedding-calendar h2{font-size:22px}.calendario-boda .wedding-calendar .month{font-size:16px}.calendario-boda .wedding-calendar .weekdays span,.calendario-boda .wedding-calendar .days span{font-size:17px}}.petalos-capa{position:fixed;top:0;left:0;width:100%;height:100%;pointer-events:none;overflow:hidden;z-index:30}.petalo-item{position:absolute;top:-40px;width:14px;opacity:0.45;animation-name:caerPetalo;animation-timing-function:linear;animation-iteration-count:infinite}@keyframes caerPetalo{0%{transform:translate3d(0,-30px,0) rotate(0deg)}25%{transform:translate3d(15px,25vh,0) rotate(90deg)}50%{transform:translate3d(-10px,50vh,0) rotate(180deg)}75%{transform:translate3d(20px,75vh,0) rotate(270deg)}100%{transform:translate3d(-15px,110vh,0) rotate(360deg)}}