File: /home/onlyfibr/public_html/gestor/styles/planos.css.map
{"version":3,"sources":["planos.scss","planos.css"],"names":[],"mappings":"AAAA;EACE,aAAA;EACA,uBAAA;EACA,eAAA;EACA,SAAA;ACCF;ADCE;EACE,uBAAA;EACA,gBAAA;EACA,uBAAA;EACA,wCAAA;EACA,sBAAA;EACA,aAAA;EACA,sBAAA;EACA,oBAAA;EACA,mBAAA;EACA,gBAAA;ACCJ;ADCI;EACE,kBAAA;EACA,6EAAA;EACA,YAAA;EACA,kBAAA;EACA,eAAA;ACCN;ADCM;EACE,kBAAA;EACA,SAAA;EACA,WAAA;ACCR;ADCQ;EACE,YAAA;EACA,UAAA;EACA,6BAAA;EACA,YAAA;EACA,eAAA;EACA,eAAA;EACA,aAAA;ACCV;ADCU;EACE,WAAA;ACCZ;ADIM;EACE,iBAAA;EACA,eAAA;EACA,SAAA;ACFR;ADKM;EACE,oBAAA;EACA,eAAA;EACA,SAAA;ACHR;ADOI;EACE,aAAA;EACA,uBAAA;EACA,qBAAA;EACA,YAAA;EACA,iBAAA;ACLN;ADOM;;EAEE,sBAAA;EACA,eAAA;ACLR;ADQM;EACE,eAAA;EACA,iBAAA;EACA,aAAA;ACNR;ADUI;EACE,kBAAA;EACA,aAAA;ACRN;ADUM;EACE,cAAA;EACA,YAAA;EACA,6BAAA;EACA,eAAA;EACA,mBAAA;EACA,oBAAA;ACRR;ADUQ;EACE,qBAAA;EACA,iBAAA;EACA,YAAA;ACRV;ADWQ;EACE,mBAAA;ACTV;ADcI;EACE,kBAAA;ACZN;ADcM;EACE,qBAAA;EACA,uBAAA;EACA,YAAA;EACA,kBAAA;EACA,eAAA;ACZR;ADcQ;EACE,yBAAA;ACZV;ADgBM;EACE,cAAA;EACA,cAAA;ACdR;ADiBM;EACE,6BAAA;EACA,yBAAA;EACA,cAAA;EACA,eAAA;EACA,aAAA;ACfR","file":"planos.css","sourcesContent":["#planos {\r\n display: flex;\r\n justify-content: center;\r\n flex-wrap: wrap;\r\n gap: 20px;\r\n\r\n .plano {\r\n width: calc(25% - 20px);\r\n min-width: 350px;\r\n background-color: white;\r\n box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);\r\n border: 1px solid #ccc;\r\n display: flex;\r\n flex-direction: column;\r\n align-items: stretch;\r\n border-radius: 14px;\r\n overflow: hidden;\r\n\r\n .header {\r\n position: relative;\r\n background: linear-gradient(to right, rgba(0, 238, 0, 1) 0%, rgba(0, 139, 0, 1) 100%);\r\n color: white;\r\n text-align: center;\r\n padding: 25px 0;\r\n\r\n .edit {\r\n position: absolute;\r\n top: 15px;\r\n right: 15px;\r\n\r\n button {\r\n border: none;\r\n padding: 0;\r\n background-color: transparent;\r\n color: white;\r\n font-size: 30px;\r\n cursor: pointer;\r\n outline: none;\r\n\r\n &:hover {\r\n color: #000;\r\n }\r\n }\r\n }\r\n\r\n h1 {\r\n font-weight: bold;\r\n font-size: 40px;\r\n margin: 0;\r\n }\r\n\r\n h2 {\r\n font-weight: lighter;\r\n font-size: 20px;\r\n margin: 0;\r\n }\r\n }\r\n\r\n .value {\r\n display: flex;\r\n justify-content: center;\r\n align-items: baseline;\r\n color: green;\r\n padding-top: 15px;\r\n\r\n i,\r\n span {\r\n align-self: flex-start;\r\n font-size: 24px;\r\n }\r\n\r\n strong {\r\n font-size: 60px;\r\n line-height: 60px;\r\n margin: 0 5px;\r\n }\r\n }\r\n\r\n .features {\r\n text-align: center;\r\n padding: 15px;\r\n\r\n p {\r\n display: block;\r\n color: black;\r\n border-bottom: 1px solid #CCC;\r\n font-size: 16px;\r\n margin-bottom: 10px;\r\n padding-bottom: 10px;\r\n\r\n i {\r\n display: inline-block;\r\n margin-right: 5px;\r\n color: black;\r\n }\r\n\r\n &:last-child {\r\n margin-bottom: 30px;\r\n }\r\n }\r\n }\r\n\r\n .bottom {\r\n text-align: center;\r\n\r\n a {\r\n display: inline-block;\r\n background-color: green;\r\n color: white;\r\n padding: 10px 20px;\r\n cursor: pointer;\r\n\r\n &:hover {\r\n background-color: darken(green, 10%);\r\n }\r\n }\r\n\r\n p {\r\n display: block;\r\n margin: 20px 0;\r\n }\r\n\r\n .warning {\r\n border-top: 1px solid #F7DEAE;\r\n background-color: #FFF8C4;\r\n color: #555555;\r\n font-size: 14px;\r\n padding: 15px;\r\n }\r\n }\r\n }\r\n}\r\n","#planos {\n display: flex;\n justify-content: center;\n flex-wrap: wrap;\n gap: 20px;\n}\n#planos .plano {\n width: calc(25% - 20px);\n min-width: 350px;\n background-color: white;\n box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);\n border: 1px solid #ccc;\n display: flex;\n flex-direction: column;\n align-items: stretch;\n border-radius: 14px;\n overflow: hidden;\n}\n#planos .plano .header {\n position: relative;\n background: linear-gradient(to right, rgb(0, 238, 0) 0%, rgb(0, 139, 0) 100%);\n color: white;\n text-align: center;\n padding: 25px 0;\n}\n#planos .plano .header .edit {\n position: absolute;\n top: 15px;\n right: 15px;\n}\n#planos .plano .header .edit button {\n border: none;\n padding: 0;\n background-color: transparent;\n color: white;\n font-size: 30px;\n cursor: pointer;\n outline: none;\n}\n#planos .plano .header .edit button:hover {\n color: #000;\n}\n#planos .plano .header h1 {\n font-weight: bold;\n font-size: 40px;\n margin: 0;\n}\n#planos .plano .header h2 {\n font-weight: lighter;\n font-size: 20px;\n margin: 0;\n}\n#planos .plano .value {\n display: flex;\n justify-content: center;\n align-items: baseline;\n color: green;\n padding-top: 15px;\n}\n#planos .plano .value i,\n#planos .plano .value span {\n align-self: flex-start;\n font-size: 24px;\n}\n#planos .plano .value strong {\n font-size: 60px;\n line-height: 60px;\n margin: 0 5px;\n}\n#planos .plano .features {\n text-align: center;\n padding: 15px;\n}\n#planos .plano .features p {\n display: block;\n color: black;\n border-bottom: 1px solid #CCC;\n font-size: 16px;\n margin-bottom: 10px;\n padding-bottom: 10px;\n}\n#planos .plano .features p i {\n display: inline-block;\n margin-right: 5px;\n color: black;\n}\n#planos .plano .features p:last-child {\n margin-bottom: 30px;\n}\n#planos .plano .bottom {\n text-align: center;\n}\n#planos .plano .bottom a {\n display: inline-block;\n background-color: green;\n color: white;\n padding: 10px 20px;\n cursor: pointer;\n}\n#planos .plano .bottom a:hover {\n background-color: #004d00;\n}\n#planos .plano .bottom p {\n display: block;\n margin: 20px 0;\n}\n#planos .plano .bottom .warning {\n border-top: 1px solid #F7DEAE;\n background-color: #FFF8C4;\n color: #555555;\n font-size: 14px;\n padding: 15px;\n}"]}