#calendar .banner .img{width:30%;height:auto;max-width:21.6rem;margin-left:-8rem}#calendar .banner h1 .big-border{padding-left:10rem}#calendar .banner p{max-width:34rem;margin-top:2rem;margin-left:7.3rem}#calendar .banner .sphere{width:37.5%;max-width:26.8rem;top:-1rem;left:-12.5%}#calendar .banner .butterfly-large{width:40%;max-width:28.8rem;top:0;left:0}#calendar .banner .butterfly-right{width:20%;max-width:14.1rem;top:13rem;right:0;z-index:1}#calendar .container{padding-top:1rem;margin-bottom:5rem}#calendar .container .section,#calendar .container .results{width:90%;max-width:60rem}#calendar .container form{padding:3rem 1% 1rem;border-radius:.75rem;margin-bottom:2.5rem;z-index:3;user-select:none;-webkit-user-select:none;background:linear-gradient(135deg, #D673AF 0%, #CF358D 100%)}#calendar .container form .col-3{padding:0 1rem}#calendar .container form .content{margin-bottom:3.75rem}#calendar .container form .content .step{padding:0 .5rem;margin-bottom:1.5rem}#calendar .container form .content .step .number{width:3.65rem;height:3.65rem;border-radius:50%;border:1px solid rgba(151,151,151,0.1);margin-right:.75rem;flex:0 0 3.65rem;background-color:rgba(216,216,216,0.1)}#calendar .container form .content .step .number b{font-size:3rem;opacity:.2}#calendar .container form .content .step .h5{line-height:1.2em;text-transform:uppercase}#calendar .container form .content .input-content{width:100%;height:7rem;padding:0 1.5rem;border:1px solid #F8B6DF;border-radius:1.65rem;position:relative}#calendar .container form .content .input-content .controls{width:100%;position:absolute;top:calc(50% - 1.3rem)}#calendar .container form .content .input-content .controls .control{width:2.6rem;height:2.6rem;cursor:pointer;position:absolute;top:0}#calendar .container form .content .input-content .controls .control::before,#calendar .container form .content .input-content .controls .control::after{content:'';width:1.2rem;height:.25rem;margin:auto;position:absolute;top:0;right:0;bottom:0;left:0;transition-duration:.25s;transition-property:transform;background-color:white}#calendar .container form .content .input-content .controls .control.remove{left:1.5rem}#calendar .container form .content .input-content .controls .control.add{right:1.5rem}#calendar .container form .content .input-content .controls .control.add::after{transform:rotate(90deg)}@media (hover: hover){#calendar .container form .content .input-content .controls .control:hover::before{transform:scale(1.25)}#calendar .container form .content .input-content .controls .control:hover.add::after{transform:rotate(90deg) scale(1.2)}}#calendar .container form .content .input-content label{width:15rem;max-width:65%}#calendar .container form .content .input-content input[type*='number']{width:100%;border:none;font-size:3rem;font-weight:600;line-height:normal;background:none}#calendar .container form .content .input-content .day .icon{width:3rem;height:3rem;border-radius:50%;cursor:pointer;transition-duration:.2s;transition-property:transform;background:linear-gradient(90deg, #EFEAE6 0%, #FF94D9 100%)}#calendar .container form .content .input-content .day .icon img{width:1.2rem;height:auto}@media (hover: hover){#calendar .container form .content .input-content .day .icon:hover{transform:scale(1.1)}}#calendar .container form .content .input-content .day .number-day{font-size:3rem;line-height:normal}#calendar .container form .content .input-content .day .weekday-month{font-size:1rem}#calendar .container form .content .input-content .vanilla-calendar{width:17.5rem;border-radius:0 0 1rem 1rem;display:none;position:absolute;top:50%;z-index:1}#calendar .container form .content .input-content .vanilla-calendar .vanilla-calendar-header__label{font-size:.9rem}#calendar .container form .content .input-content .vanilla-calendar .vanilla-calendar-header{border-bottom:1px solid #676767}#calendar .container form .content .input-content .vanilla-calendar .vanilla-calendar-week{background:none}#calendar .container form .content .input-content .vanilla-calendar .vanilla-calendar-week span{padding:0.25rem 0;color:#676767;font-size:.7rem;font-weight:500}#calendar .container form .content .input-content .vanilla-calendar .vanilla-calendar-date{padding:0.4rem 0;border-radius:50%;color:#212B36;font-size:.9rem;transition-duration:.2s;transition-property:background, color;background:white}#calendar .container form .content .input-content .vanilla-calendar .vanilla-calendar-date.vanilla-calendar-date--today{background-color:#dcdbdb}#calendar .container form .content .input-content .vanilla-calendar .vanilla-calendar-date.vanilla-calendar-date--selected{color:white;background:linear-gradient(135deg, #D673AF 0%, #CF358D 100%)}#calendar .container .results{border-bottom:1px solid #979797;padding-bottom:2.75rem}#calendar .container .results .controls{padding:0 .85rem;margin-bottom:1rem}#calendar .container .results .controls .arrow{border:none;cursor:pointer;appearance:none;-webkit-appearance:none;background:none}#calendar .container .results .controls .arrow::before,#calendar .container .results .controls .arrow::after{width:.85rem;height:.85rem;border-bottom:.2rem solid #68316B;border-left:.2rem solid #68316B;transition-duration:.2s;transition-property:transform}#calendar .container .results .controls .arrow p{color:#68316B}#calendar .container .results .controls .arrow.prev::before{content:'';transform:translateX(0) rotate(45deg)}#calendar .container .results .controls .arrow.next::after{content:'';transform:translateX(0) rotate(-135deg)}@media (hover: hover){#calendar .container .results .controls .arrow:hover.prev::before{content:'';transform:translateX(-0.35rem) rotate(45deg)}#calendar .container .results .controls .arrow:hover.next::after{content:'';transform:translateX(0.35rem) rotate(-135deg)}}#calendar .container .results .controls .arrow.disabled{pointer-events:none;opacity:.5}#calendar .container .results .swiper-slide{padding:0 .75rem}#calendar .container .results .vanilla-calendar{width:100%;max-width:18.75rem;border:none;box-shadow:none;border-radius:0 0 1.5rem 1.5rem;margin:0}#calendar .container .results .vanilla-calendar .vanilla-calendar-header{padding:0.75rem 10px;background:linear-gradient(135deg, #D673AF 0%, #CF358D 100%)}#calendar .container .results .vanilla-calendar .vanilla-calendar-header .vanilla-calendar-btn{display:none}#calendar .container .results .vanilla-calendar .vanilla-calendar-header .vanilla-calendar-header__label{color:white;font-size:0.94rem;line-height:0.75rem}#calendar .container .results .vanilla-calendar .vanilla-calendar-week{background:none}#calendar .container .results .vanilla-calendar .vanilla-calendar-week span{padding:.5rem 0;color:#676767;font-size:.7rem;font-weight:500}#calendar .container .results .vanilla-calendar .vanilla-calendar-date{border-radius:50%;padding:0.75rem 0;color:#212B36;font-size:.9rem;line-height:.9rem;pointer-events:none}#calendar .container .results .vanilla-calendar .pre-periodo{border:1px solid #979797}#calendar .container .results .vanilla-calendar .menstruacion{color:white;background-color:#68316B}#calendar .container .results .vanilla-calendar .ovulacion{background:linear-gradient(135deg, #D673AF 0%, #CF358D 100%)}#calendar .container .section{padding:0 .5rem;margin-top:1.5rem}#calendar .container .section .item{margin-right:2.5rem}#calendar .container .section .item .point{width:1.6rem;height:1.6rem;border-radius:50%;margin-right:.5rem;display:block}#calendar .container .section .item:first-child .point{border:1px solid #979797}#calendar .container .section .item:nth-child(2) .point{background-color:#68316B}#calendar .container .section .item:last-child .point{background:linear-gradient(135deg, #D673AF 0%, #CF358D 100%)}#calendar .container .section .small{margin-top:5rem}@media screen and (max-width: 640px){#calendar .banner .sphere{width:66.5%;top:7%;left:-53.25%}#calendar .banner .butterfly-right{width:45%;top:14.5rem}#calendar .banner .butterfly-large{width:50%;max-width:28.8rem;top:1%;left:0}#calendar .banner h1{margin-top:1.5rem;z-index:1}#calendar .banner h1 .big:not(.big-border){font-size:3.35rem}#calendar .banner h1 .big-border{padding-left:2.25rem}#calendar .banner p{width:85%;margin-top:52.15vw;margin-right:auto;margin-left:auto}#calendar .banner .img{width:54%;margin:auto;position:absolute;top:6.75rem;right:0;left:0;z-index:0}#calendar .container form{width:85%;padding:2rem 1rem 2.25rem;padding-top:2rem;padding-bottom:2.25rem}#calendar .container form .content{margin-bottom:1.5rem}#calendar .container form .content .step{margin-bottom:1rem}#calendar .container form .content .step .h5{font-size:0.9rem}#calendar .container form .content .step .number{height:2.85rem;margin-right:.5rem;flex:0 0 2.85rem}#calendar .container form .content .step .number b{font-size:2.375rem}#calendar .container form .content .input-content{height:4.25rem}#calendar .container form .content .input-content .day .icon{width:2.375rem;height:2.375rem}#calendar .container form .content .input-content .day .number-day{font-size:2.5rem}#calendar .container form .content .input-content input[type*='number']{font-size:2.5rem}#calendar .container form .btns{margin-top:1rem !important}#calendar .container .results{width:100%}#calendar .container .results .controls{padding:0 10%}#calendar .container .results .slider{padding:0 9%;overflow:hidden}#calendar .container .results .slider .swiper-slide{padding:0 .25rem}#calendar .container .results .slider .vanilla-calendar{max-width:none}#calendar .container .section{width:100%;padding:0}#calendar .container .section .item{margin-right:1rem}#calendar .container .section .item .h5{font-size:0.875rem}#calendar .container .section .item .point{width:1.4rem;height:1.4rem;margin-right:0.35rem}#calendar .container .section .btns{margin-top:2.5rem}#calendar .container .section .small{padding:0 8.5%;margin-top:3rem}}