@charset "UTF-8";
:root{--paper:#fbf9f4;--white:#fffefa;--ink:#36362d;--muted:#77766b;--plum:#563b46;--plum-light:#f0e9ec;--sage:#e9eddf;--line:#e5e2d8;--serif:Georgia,'Times New Roman',serif}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:25px}body{margin:0;background:var(--paper);color:var(--ink);font-family:'Segoe UI',Arial,sans-serif;font-size:15px;line-height:1.6}button,input,select,textarea{font:inherit;color:inherit}button,a,input,textarea,select{-webkit-tap-highlight-color:transparent}button{cursor:pointer}a{color:inherit;text-decoration:none}button{border:0}button:disabled{opacity:.5;cursor:not-allowed}button:focus-visible,a:focus-visible,summary:focus-visible{outline:3px solid #a9ad8f;outline-offset:4px}input:focus,textarea:focus,select:focus{outline:2px solid #9d8a93;outline-offset:2px}svg{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round;flex-shrink:0}[hidden]{display:none!important}.symbols{position:absolute;width:0;height:0;overflow:hidden}.wrap{max-width:1152px;margin-inline:auto;padding-inline:28px}.header{border-bottom:1px solid var(--line)}.header-inner{max-width:1300px;margin:auto;padding:23px 40px;display:flex;align-items:center;gap:65px}.brand{display:flex;align-items:center;gap:0;font-size:28px;font-weight:500;letter-spacing:-1.5px;white-space:nowrap;line-height:1.2}.brand-serif{font-family:var(--serif);font-style:italic;font-weight:normal}.brand-icon{width:35px;height:35px;display:inline-flex;margin-right:8px;color:var(--plum)}.brand-icon svg{width:32px;height:32px}.brand-dot{color:#9c785d}.header nav{display:flex;gap:28px;font-size:13px}.header nav a{padding:5px 0;position:relative;color:#65675b}.header nav .active{color:var(--plum);font-weight:600}.header nav .active:after{content:'';position:absolute;height:2px;background:var(--plum);bottom:-25px;left:0;right:0}.header-note{margin-left:auto;font-size:11px;color:var(--muted);display:flex;align-items:center;gap:8px}.header-note svg{width:17px;color:#829073}.hero{display:grid;grid-template-columns:1.3fr 1fr;align-items:center;padding-top:43px;padding-bottom:37px}.eyebrow{font-size:10px;letter-spacing:2px;font-weight:650;color:#74785f;margin:0 0 14px;display:block}.hero .eyebrow{display:flex;gap:9px;align-items:center}.eyebrow>span{width:6px;height:6px;border-radius:50%;background:#8e9b77}h1,h2,h3,p{margin-top:0}h1{font-family:var(--serif);font-size:61px;line-height:1.08;font-weight:normal;letter-spacing:-2.4px;margin-bottom:20px}h1 em,h2 em{font-weight:normal;color:var(--plum)}.hero-description{font-size:14px;color:#737369;line-height:1.9;margin-bottom:18px}.hero-benefits{display:flex;gap:24px;font-size:11px;color:#68705b}.hero-art{position:relative;align-self:center}.hero-art img{display:block;width:100%;height:auto}.art-note{font-family:var(--serif);font-style:italic;font-size:15px;line-height:1.25;color:#7c7665;position:absolute;right:3%;bottom:3%;transform:rotate(-8deg)}.tool-heading{display:flex;justify-content:space-between;align-items:center;margin-bottom:22px}.tool-heading .eyebrow{margin-bottom:4px;font-size:9px}.tool-heading h2{font-size:26px;font-family:var(--serif);font-weight:normal;letter-spacing:-.5px;margin:0}.small-tag{font-size:10px;color:#74786b;display:flex;gap:6px;align-items:center}.small-tag>span{background:#9aa58a;width:6px;height:6px;border-radius:50%}.tool-grid{display:grid;grid-template-columns:1.13fr 1fr;background:var(--white);border:1px solid #deddd2;border-radius:15px;overflow:hidden;box-shadow:0 8px 32px #51463806}.tool-input{padding:30px 32px}.tabs{display:flex;background:#f4f1eb;border-radius:8px;padding:4px;gap:5px;margin-bottom:26px}.tabs button{flex:1;display:flex;justify-content:center;align-items:center;gap:9px;background:transparent;border-radius:6px;padding:10px;font-size:13px}.tabs button svg{width:18px;height:18px}.tabs button[aria-selected=true]{background:var(--plum);color:#fffaf3;box-shadow:0 2px 5px #563b4620}.field-intro{font-size:13px;font-weight:600;margin-bottom:15px}.serving-fields{display:grid;grid-template-columns:1fr 30px 1fr;gap:13px;align-items:center;margin-bottom:24px}.serving-fields label{font-size:11px;color:#727366;margin-bottom:8px;display:block}.stepper{display:flex;align-items:center;border:1px solid var(--line);border-radius:7px;height:48px;background:#fffefa}.stepper button{background:none;width:36px;height:44px;font-size:22px;color:#837e72}.stepper input{width:100%;min-width:0;text-align:center;border:0;background:transparent;font-size:22px;font-family:var(--serif);appearance:textfield;-moz-appearance:textfield}.stepper input::-webkit-inner-spin-button{appearance:none}.stepper.highlighted{background:#f8f3f5;border-color:#d9cbd2;color:var(--plum)}.field-unit{display:block;text-align:center;font-size:10px;color:#909083;margin-top:3px}.field-arrow{width:22px;color:#a49b8c}.ingredients-heading{display:flex;justify-content:space-between;gap:10px;align-items:center;margin:4px 0}.ingredients-heading>label{font-size:13px;font-weight:600}.text-button{padding:0;background:transparent;color:var(--plum);font-size:11px}.text-button:hover{text-decoration:underline}.text-button span{margin-left:4px}.field-help{color:#828174;font-size:11px;line-height:1.7;margin:0 0 11px}textarea{display:block;resize:vertical;min-height:150px;max-height:600px;width:100%;padding:14px 16px;background:#fffefa;border:1px solid #dddcd2;border-radius:7px;font-size:13px;line-height:1.85}textarea::placeholder{color:#a29c90}.input-footer{display:flex;justify-content:space-between;align-items:center;font-size:10px;color:#8b897e;margin:7px 0 23px}.primary{display:flex;align-items:center;justify-content:center;gap:12px;background:var(--plum);color:#fffaf6;border-radius:7px;padding:14px 22px;font-size:13px;font-weight:600;transition:background .2s}.primary:hover{background:#72515f}.calculate{width:100%}.calculate svg{width:19px;height:19px}.calculate .arrow{margin-left:auto}.calculate>svg:first-child{margin-right:auto}.privacy-note{text-align:center;color:#8b887d;font-size:10px;margin:10px 0 0}.result-panel{background:#f1f2e9;border-left:1px solid var(--line);padding:30px 30px 19px;display:flex;flex-direction:column;min-width:0}.result-top{display:flex;align-items:center;justify-content:space-between;gap:10px}.result-top .eyebrow{margin:0;font-size:9px}.pill{font-size:10px;border:1px solid #d7dbcb;padding:3px 10px;border-radius:20px;color:#818670}.empty-art{margin:30px auto 1px;width:170px}.empty-art svg{width:100%;height:145px;stroke:none}.result-panel h3{font-family:var(--serif);font-size:28px;line-height:1.2;letter-spacing:-.6px;font-weight:normal}.result-panel #empty-result h3{text-align:center;margin:5px 0 14px}.result-panel #empty-result>p{text-align:center;font-size:12px;color:#838677;line-height:1.9}.result-tip{display:flex;align-items:flex-start;gap:12px;border-top:1px solid #dde1d1;padding:22px 8px 0;margin-top:32px;font-size:11px;color:#7e8371}.result-tip svg{color:#899779;width:21px}.result-tip strong{font-size:11px;display:block;color:#5a6651;font-weight:600;margin-bottom:4px}.result-bottom{display:flex;justify-content:center;gap:7px;flex-wrap:wrap;margin-top:auto;padding-top:26px;font-family:var(--serif);font-size:12px;font-style:italic;color:#8b907b}.ad-banner{height:98px;margin-block:28px 74px;background:repeating-linear-gradient(-45deg,#f1efe830,#f1efe830 5px,#eae6dc30 5px,#eae6dc30 6px);border:1px dashed #d8d4c9;border-radius:6px;max-width:800px;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:5px;color:#949082}.ad-banner>span,.ad-content span{font-size:10px;letter-spacing:3px}.ad-banner small,.ad-content small{font-size:9px;letter-spacing:.3px;color:#a6a091}.section-heading{text-align:center;margin-bottom:35px}.section-heading h2,.section-row h2,.faq h2{font-size:36px;font-family:var(--serif);line-height:1.2;letter-spacing:-1px;font-weight:normal;margin-bottom:18px}.section-heading>p:last-child{color:var(--muted);font-size:13px;line-height:1.8}.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:45px;margin-bottom:76px}.steps article{position:relative;border-top:1px solid var(--line);padding:24px 10px 0}.step-number{position:absolute;right:12px;top:19px;color:#c5c0b2;font-family:var(--serif);font-size:27px;font-style:italic}.step-icon{width:40px;height:40px;border-radius:50%;display:flex;align-items:center;justify-content:center;background:#eeeee3;color:#7d846b;margin-bottom:17px}.steps h3{font-size:18px;font-family:var(--serif);font-weight:normal;margin-bottom:9px}.steps p{font-size:12px;color:var(--muted);line-height:1.9;margin-bottom:0}.inspiration{padding:52px 0 60px;background:#f2eee6;border-top:1px solid #ebe6db;border-bottom:1px solid #ebe6db}.section-row{display:flex;justify-content:space-between;align-items:end;margin-bottom:25px;gap:20px}.section-row h2{font-size:33px;margin-bottom:0}.section-row>p{font-size:12px;color:var(--muted);line-height:1.9;margin-bottom:4px}.idea-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}.idea-card{padding:0;border:1px solid #e1ddd3;background:var(--white);border-radius:9px;overflow:hidden;text-align:left;transition:transform .2s,box-shadow .2s}.idea-card:hover{transform:translateY(-4px);box-shadow:0 8px 20px #56433610}.idea-art{display:flex;height:174px;position:relative;align-items:center;justify-content:center}.idea-art svg{width:240px;height:150px;stroke:none}.peach{background:#ead9c9}.sage{background:#dfe4d4}.lavender{background:#e6dfe4}.idea-label{position:absolute;left:16px;top:14px;background:#ffffffa6;border-radius:20px;padding:3px 9px;font-size:8px;letter-spacing:1.5px}.idea-text{display:flex;flex-direction:column;padding:22px}.idea-text strong{font-family:var(--serif);font-size:19px;font-weight:normal;letter-spacing:-.3px;margin-bottom:8px}.idea-text>span:not(.idea-link){font-size:12px;color:var(--muted);line-height:1.9}.idea-link{margin-top:18px;color:var(--plum);font-size:11px}.ad-content{padding-block:35px 55px}.ad-content>div{height:180px;max-width:620px;border:1px dashed #d8d4c9;border-radius:6px;margin:auto;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:7px;color:#949082;background:#f6f3ec}.faq{display:grid;grid-template-columns:.8fr 1.2fr;gap:70px;padding-top:15px;padding-bottom:55px}.faq-heading>p:not(.eyebrow){font-size:13px;line-height:1.8;color:var(--muted)}.faq-heading>svg{margin:10px 0 0 17px;width:60px;height:60px;color:#b3a68b;transform:rotate(-15deg)}.faq h2{font-size:33px}.faq-list details{border-bottom:1px solid var(--line);padding:18px 0}.faq-list details:first-child{padding-top:0}.faq-list summary{font-size:13px;font-weight:600;cursor:pointer;list-style:none;display:flex;justify-content:space-between;align-items:center;gap:20px}.faq-list summary::-webkit-details-marker{display:none}.faq-list summary:after{content:'+';font-size:22px;font-weight:300;color:#918472}.faq-list details[open] summary:after{content:'−'}.faq-list details p{font-size:12px;color:var(--muted);line-height:1.9;margin:12px 25px 0 0}.closing{text-align:center;border-top:1px solid var(--line);padding-block:40px 45px}.closing>svg{color:#9caa88;margin-bottom:10px}.closing p{font-family:var(--serif);font-size:24px;line-height:1.5;margin-bottom:15px}.closing p em{color:var(--plum)}.closing a{font-size:11px;color:var(--plum)}footer{border-top:1px solid var(--line);background:#f3f0e8}.footer-inner{display:flex;align-items:center;gap:25px;padding-block:25px}.footer-inner .brand{font-size:23px}.footer-inner>span{font-size:10px;color:#858174}.footer-inner .text-button{margin-left:auto;font-size:10px}.corner-ad{position:fixed;bottom:20px;right:20px;z-index:5;display:flex;align-items:center;gap:12px;padding:16px 35px 16px 17px;background:#fffdf7;border:1px solid #dcd7ca;border-radius:9px;box-shadow:0 5px 24px #44362615}.ad-mini-icon{font-size:14px;font-family:var(--serif);color:#8e7c67;background:#f0ebe1;display:grid;place-items:center;width:35px;height:35px;border-radius:7px}.corner-ad strong{display:block;font-size:9px;font-weight:500;letter-spacing:2px;color:#827461}.corner-ad small{font-size:10px;color:#999184}.close{position:absolute;top:8px;right:9px;background:transparent;font-size:24px;color:#827765;line-height:1;width:32px;height:32px;border-radius:50%}.close:hover{background:#eae6dc}.corner-ad .close{width:26px;height:26px;top:3px;right:3px;font-size:20px}dialog{padding:35px;border:1px solid #ded7c8;border-radius:15px;background:var(--paper);color:var(--ink);width:min(460px,calc(100% - 32px));box-shadow:0 15px 80px #211b2940;max-height:90vh;overflow-y:auto}dialog::backdrop{background:#30272f70;backdrop-filter:blur(4px)}dialog .eyebrow{font-size:9px}.modal-ad{height:230px;border:1px dashed #cfc6b7;background:#ede8de;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:8px;margin:22px 0}.modal-ad strong{font-weight:400;font-size:19px;letter-spacing:5px;color:#8b806b}.modal-ad span{font-size:10px;color:#958a76}#ad-dialog>p:not(.eyebrow){text-align:center;font-family:var(--serif);font-size:21px;margin-bottom:15px}#ad-dialog .primary{width:100%}#privacy-dialog h2{font-family:var(--serif);font-weight:400;font-size:27px;line-height:1.3;padding-right:20px}#privacy-dialog p{font-size:13px;color:#747165}.pan-fields{display:grid;grid-template-columns:1fr 1fr;gap:18px}.pan-fields fieldset{border:0;padding:0;margin:0;min-width:0}.pan-fields legend{font-size:12px;font-weight:600;margin-bottom:10px}.pan-fields label{font-size:10px;display:block;margin:8px 0 4px;color:#777365}.pan-fields input,.pan-fields select{width:100%;padding:8px 10px;border:1px solid var(--line);border-radius:6px;background:var(--white);font-size:12px}.pan-preview{display:flex;justify-content:center;align-items:center;gap:28px;margin:20px 0}.pan-preview>div{display:flex;flex-direction:column;align-items:center;gap:5px;width:100px}.pan-preview small{font-size:10px;color:var(--muted)}.pan-preview>svg{color:#b1a28d}.pan-drawing{border:2px solid #a99b87;background:repeating-linear-gradient(45deg,#eee7dc,#eee7dc 4px,#f6f0e6 4px,#f6f0e6 8px);width:65px;height:65px;border-radius:50%}#new-pan{border-color:#867080;background:repeating-linear-gradient(45deg,#e7dde4,#e7dde4 4px,#f3ecf1 4px,#f3ecf1 8px);width:78px;height:78px}#filled-result h3{font-size:29px;margin:27px 0 8px}#result-summary{font-size:12px;color:#758067}.result-table-wrap{max-height:450px;overflow:auto}table{width:100%;border-collapse:collapse;font-size:12px}th{text-align:left;font-size:9px;letter-spacing:.5px;text-transform:uppercase;color:#808471;font-weight:500;padding:13px 4px;border-bottom:1px solid #d5dbc9}td{padding:12px 4px;border-bottom:1px solid #e0e4d7;vertical-align:top}td:first-child{max-width:175px;overflow-wrap:anywhere}td:nth-child(2){color:#888e7b;font-size:11px}td:last-child{font-weight:600;color:#536047}th:not(:first-child),td:not(:first-child){text-align:right;min-width:65px}.unparsed td:last-child{font-size:10px;font-weight:400;color:#967451}.result-warning{font-size:10px;line-height:1.8;color:#7e785e;margin-top:15px}.result-actions{display:flex;flex-wrap:wrap;gap:9px;margin:20px 0}.secondary{background:#fffdf6;border:1px solid #d6daca;display:flex;align-items:center;justify-content:center;gap:7px;border-radius:6px;padding:8px 12px;font-size:11px}.secondary svg{width:14px;height:14px}.result-actions .text-button{margin-left:auto}.error,.notice{font-size:12px;background:#f6e6df;color:#8b3c30;border-radius:5px;padding:10px}.notice{background:#f2e8cd;color:#76602b}.toast{position:fixed;bottom:25px;left:50%;transform:translateX(-50%);background:var(--plum);color:white;box-shadow:0 3px 15px #33223325;padding:13px 22px;border-radius:8px;z-index:20;font-size:13px;width:max-content;max-width:90vw}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}@media(min-width:1450px){.hero{padding-top:60px;padding-bottom:50px}}@media(max-width:1050px){.header-inner{gap:30px;padding-inline:28px}.header-note{display:none}.header nav{margin-left:auto}.hero h1{font-size:53px}.tool-input{padding:24px}.result-panel{padding:24px}.ingredients-heading>label{font-size:12px}.ingredients-heading .text-button{font-size:10px}.faq{gap:40px}}@media(max-width:740px){.wrap{padding-inline:20px}.header-inner{padding:19px 20px}.brand{font-size:25px}.brand-icon{width:28px}.brand-icon svg{width:27px}.header nav{gap:17px;font-size:11px}.header nav a:last-child{display:none}.header nav .active:after{bottom:-21px}.hero{grid-template-columns:1fr;padding-top:31px;padding-bottom:27px;position:relative}.hero h1{font-size:50px;max-width:80%;margin-bottom:18px}.hero .eyebrow{font-size:8px;letter-spacing:1.6px}.hero-description{font-size:13px;max-width:95%;line-height:1.8}.hero-art{display:none}.hero-benefits{font-size:10px;gap:18px}.desktop{display:none}.tool-heading h2{font-size:23px}.tool-heading .small-tag{display:none}.tool-heading{margin-bottom:17px}.tool-grid{grid-template-columns:1fr}.tool-input{padding:22px 20px}.tabs{margin-bottom:22px}.ingredients-heading>label{font-size:12px}.result-panel{border-left:0;border-top:1px solid var(--line);padding:22px 20px}.empty-art{margin-top:10px;width:110px}.empty-art svg{height:95px}.result-panel #empty-result h3{font-size:24px}.result-panel #empty-result>p{font-size:12px}.result-tip{margin-top:20px;padding-top:17px}.result-bottom{padding-top:19px}.ad-banner{margin:25px 20px 47px;height:90px}.section-heading h2{font-size:31px}.section-heading>p:last-child{font-size:12px}.steps{grid-template-columns:1fr;gap:23px;margin-bottom:43px}.steps article{padding-left:60px;padding-top:20px;min-height:110px}.step-icon{position:absolute;left:0;top:22px;width:38px;height:38px}.step-number{right:0;top:18px;font-size:22px}.steps h3{padding-right:30px;font-size:18px;margin-bottom:7px}.steps p{padding-right:20px}.section-heading{margin-bottom:25px}.inspiration{padding-block:35px}.section-row{display:block}.section-row h2{font-size:29px}.section-row>p{margin-top:17px}.idea-grid{grid-template-columns:1fr;gap:18px}.idea-card{display:grid;grid-template-columns:125px 1fr;min-height:170px}.idea-art{height:100%;min-height:180px}.idea-art svg{width:145px;height:125px}.idea-label{left:9px;top:11px;font-size:7px;padding:3px 6px;letter-spacing:.7px}.idea-text{padding:20px 16px}.idea-text strong{font-size:19px;line-height:1.3}.idea-text>span:not(.idea-link){font-size:11px}.idea-link{font-size:10px;margin-top:12px}.ad-content{padding-block:26px 40px}.ad-content>div{height:150px}.faq{grid-template-columns:1fr;gap:20px;padding-bottom:35px}.faq h2{font-size:31px}.faq-heading>svg{display:none}.faq-heading>p:not(.eyebrow) br{display:none}.faq-heading h2{margin-bottom:10px}.faq-list details{padding:17px 0}.faq-list summary{font-size:12px}.closing{padding-block:30px}.closing p{font-size:22px}.footer-inner{flex-wrap:wrap;gap:12px 20px;padding-bottom:100px}.footer-inner>.brand{width:100%}.footer-inner>span:first-of-type{width:100%}.footer-inner .text-button{margin:0}.corner-ad{right:12px;bottom:12px;padding:10px 32px 10px 12px;gap:9px}.corner-ad .ad-mini-icon{width:28px;height:28px;font-size:12px}.corner-ad small{font-size:9px}.corner-ad strong{font-size:8px}.result-table-wrap{max-height:none}.result-actions .text-button{margin-left:0}.serving-fields{gap:8px;grid-template-columns:1fr 20px 1fr}.serving-fields label{font-size:10px}.stepper button{width:32px}.pan-fields{gap:12px}dialog{padding:28px 22px}.modal-ad{height:200px}#filled-result h3{margin-top:20px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}@media print{body{background:white}body>*:not(main),main>*:not(.calculator),.tool-heading,.tool-input,.result-top,.result-bottom,.result-actions,.result-panel .field-help,.result-tip,#empty-result,.corner-ad,dialog,.toast{display:none!important}.calculator{max-width:none;padding:0}.tool-grid{display:block;border:0;box-shadow:none}.result-panel{display:block;padding:0;border:0;background:white}.result-table-wrap{max-height:none;overflow:visible}#filled-result{display:block!important}.result-panel:before{content:'Entre Migas · Tu receta adaptada';font:18px Georgia;display:block;margin-bottom:20px}td,th{padding:10px 4px}#stale-result:not([hidden]){display:block!important}}
