/*
Theme Name: Sanoylisto
Theme URI: https://sanoylisto.com.ar/
Author: Sanoylisto
Description: Tema clásico para la landing de Sanoylisto, basado en la maqueta aprobada.
Version: 1.0.0
Requires at least: 6.5
Requires PHP: 7.4
Text Domain: sanoylisto
*/
:root{--green:#234438;--leaf:#78984e;--cream:#faf8f1;--tomato:#d96d4e;--lime:#ddeb9c;--ink:#20251f;--muted:#72766c;--serif:'Fraunces',Georgia,serif;--sans:'DM Sans',Arial,sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--cream);color:var(--ink);font-family:var(--sans);font-size:16px;line-height:1.55}.wrap{width:min(1160px,calc(100% - 48px));margin-inline:auto}.announcement{height:34px;background:var(--green);color:#f8f7ed;display:flex;justify-content:center;align-items:center;gap:10px;font-size:11px;letter-spacing:.07em;text-transform:uppercase}.announcement span{color:var(--lime)}.site-header{height:86px;display:flex;align-items:center;justify-content:space-between}.brand img{width:196px;display:block}.site-header nav{display:flex;gap:34px}.site-header nav a,.footer a{font-size:13px;color:var(--green);text-decoration:none}.button{display:inline-flex;align-items:center;justify-content:center;gap:16px;background:var(--green);color:#fff;text-decoration:none;padding:16px 22px;border-radius:4px;font-size:14px;font-weight:700;transition:transform .2s,background .2s}.button:hover{background:#315a48;transform:translateY(-2px)}.button span{font-size:19px}.button-small{padding:12px 17px;font-size:12px}.hero{position:relative;display:grid;grid-template-columns:1fr 1.02fr;align-items:center;gap:42px;padding-top:35px;padding-bottom:94px}.hero-copy{padding:24px 0 20px}.eyebrow{color:var(--leaf);font-size:10px;font-weight:700;letter-spacing:.17em;margin:0 0 18px}.eyebrow span{display:inline-block;width:8px;height:8px;border-radius:50%;background:var(--tomato);margin-right:8px}.hero h1,.section-heading h2,.intro-grid h2,.steps-grid h2,.offer h2,.faq-grid h2,.final-cta h2{font-family:var(--serif);font-weight:600;letter-spacing:-.045em;line-height:1.02;margin:0;color:var(--green)}.hero h1{font-size:clamp(52px,6vw,78px)}h1 em,h2 em{font-weight:600;color:var(--leaf)}.hero-lede{max-width:470px;color:#53584f;font-size:16px;line-height:1.75;margin:25px 0}.hero-tags{display:flex;flex-wrap:wrap;gap:8px}.hero-tags span{padding:7px 11px;border:1px solid #d9decf;border-radius:3px;color:#4f6345;font-size:11px;font-weight:600}.hero-actions{display:flex;align-items:center;gap:18px;margin-top:28px}.price-note{font-size:11px;color:var(--muted)}.price-note strong{color:var(--green)}.trust-row{display:flex;align-items:center;gap:9px;color:#6f746a;font-size:11px;margin-top:21px}.check{color:var(--leaf);font-size:14px}.recipe-note{font-size:9px;color:#8a8e85;margin:7px 0 0 23px;max-width:400px;line-height:1.45}.hero-visual{position:relative;min-height:490px}.photo-frame{position:absolute;inset:0 12px 20px 28px;overflow:hidden;border-radius:0}.photo-frame:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 68%,rgba(35,68,56,.16))}.photo-frame img{width:100%;height:100%;object-fit:cover;object-position:64% center}.recipe-stamp{position:absolute;top:20px;left:0;width:94px;height:94px;border-radius:50%;background:var(--lime);color:var(--green);display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;font-size:10px;font-weight:700;letter-spacing:.08em;line-height:1.2;transform:rotate(-12deg)}.recipe-stamp b{font-size:19px;font-weight:400;margin-top:4px}.floating-note{position:absolute;right:-10px;bottom:34px;background:#fffdf7;padding:13px 19px;box-shadow:0 12px 35px #14251c20;display:flex;gap:10px;align-items:center;color:var(--green)}.floating-note span{font:600 30px var(--serif)}.floating-note small{font-size:10px;line-height:1.2}.hero-bottom{position:absolute;bottom:31px;left:0;right:0;border-top:1px solid #d9dccf;padding-top:17px;display:flex;align-items:center;justify-content:center;gap:23px;color:#757a70;font-size:9px;letter-spacing:.15em}.hero-bottom i{font-style:normal;color:var(--tomato)}.intro-section{background:#eef0e4;padding:90px 0}.intro-grid{display:grid;grid-template-columns:1fr 1.25fr 1fr;align-items:center;gap:34px}.intro-grid .eyebrow{margin:0}.intro-grid h2,.section-heading h2,.steps-grid h2,.offer h2,.faq-grid h2{font-size:clamp(39px,4vw,54px)}.intro-text{color:#63695e;font-size:14px;line-height:1.8;margin:0}.inside{padding-top:105px;padding-bottom:110px}.section-heading{display:grid;grid-template-columns:1fr .62fr;align-items:end;gap:35px;margin-bottom:43px}.section-heading>p{max-width:320px;color:#697067;font-size:13px;line-height:1.8;margin:0 0 5px}.category-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.category-card{min-height:255px;padding:22px 21px 24px;position:relative;overflow:hidden;border-radius:3px}.card-breakfast{background:#e4e9d8}.card-lunch{background:#e8ded2}.card-sweet{background:#f1dfd7}.card-bases{background:#dfe7dd}.card-icon{font-size:27px;color:var(--leaf);height:52px}.category-card>p{font-size:8px;letter-spacing:.13em;color:#72786d;margin:10px 0 12px}.category-card h3{font:600 26px/1.06 var(--serif);color:var(--green);margin:0 0 12px}.category-card>span{font-size:10px;color:#656b60}.steps-section{background:var(--green);color:#fff;padding:90px 0}.steps-grid{display:grid;grid-template-columns:1fr 1.1fr;gap:85px;align-items:center}.steps-grid h2{color:#fff}.steps-grid h2 em{color:var(--lime)}.steps-grid .eyebrow{color:var(--lime)}.steps{list-style:none;padding:0;margin:0}.steps li{display:flex;gap:22px;padding:21px 0;border-bottom:1px solid #ffffff30}.steps li:last-child{border-bottom:0}.steps li>b{font:600 24px var(--serif);color:var(--lime)}.steps h3{font-size:15px;margin:0 0 5px}.steps p{font-size:12px;color:#d1dbd0;margin:0}.offer{padding-top:110px;padding-bottom:110px}.offer-card{background:#eef0e4;display:grid;grid-template-columns:1fr .68fr;gap:65px;padding:54px 64px;align-items:center}.offer-copy>p:not(.eyebrow){font-size:13px;color:#666d62;line-height:1.8;max-width:430px;margin:19px 0}.offer ul{list-style:none;padding:0;margin:23px 0 0}.offer li{padding:9px 0 9px 25px;position:relative;font-size:12px;color:#454e43;border-bottom:1px solid #d9dece}.offer li:before{content:'✓';position:absolute;left:0;color:var(--leaf);font-weight:700}.offer-price{text-align:center;background:#fffdf7;padding:23px 25px 22px;border:1px solid #e5e6db}.mini-cover{margin:0 auto 18px;width:165px;height:217px;background:#dfe8d0;box-shadow:8px 11px 18px #25382b27;padding:15px;position:relative;text-align:left;color:var(--green);overflow:hidden}.mini-cover:before{content:"";position:absolute;width:180px;height:180px;border:1px solid #71914e70;border-radius:50%;left:42px;top:73px}.cover-brand{font-size:12px;font-weight:700}.cover-brand span{color:var(--leaf)}.cover-title{position:relative;font:600 28px/.94 var(--serif);margin-top:28px;letter-spacing:-.04em}.cover-title em{font-style:normal;color:var(--leaf)}.cover-badge{position:absolute;right:9px;top:92px;border-radius:50%;background:var(--tomato);color:white;width:47px;height:47px;display:grid;place-content:center;text-align:center;font-size:8px;line-height:1.1;font-weight:700}.cover-flower{position:absolute;bottom:24px;left:15px;font-size:34px;color:var(--leaf)}.mini-cover small{position:absolute;bottom:9px;right:9px;left:47px;text-align:right;font-size:7px}.digital-label{font-size:8px;letter-spacing:.15em;color:var(--leaf);font-weight:700;margin:0 0 7px}.price{color:var(--green);font:600 37px var(--serif);margin:0}.price small{font:600 13px var(--sans)}.payment-note{font-size:10px;color:#71766d;margin:2px 0 16px}.button-full{width:100%;font-size:13px}.checkout-note{font-size:9px;line-height:1.45;color:#8a8e85;margin:12px 0 0}.faq-section{background:#f1eee3;padding:94px 0}.faq-grid{display:grid;grid-template-columns:.8fr 1.2fr;gap:90px}.faq-list details{border-bottom:1px solid #d7d7cb;padding:17px 0}.faq-list summary{font-size:13px;font-weight:600;color:var(--green);cursor:pointer;list-style:none;display:flex;justify-content:space-between;gap:16px}.faq-list summary:after{content:'+';font-size:18px;font-weight:400;color:var(--leaf)}.faq-list details[open] summary:after{content:'−'}.faq-list details p{font-size:12px;line-height:1.7;color:#676d63;max-width:560px;margin:12px 25px 0 0}.final-cta{background:var(--leaf);position:relative;overflow:hidden;padding:82px 0;text-align:center}.final-inner{position:relative;z-index:1}.final-cta .eyebrow{color:#edf2d6}.final-cta h2{color:#fff;font-size:clamp(45px,6vw,68px);margin:0 0 26px}.final-cta h2 em{color:#e4efae}.button-light{background:#fffdf7;color:var(--green)}.button-light:hover{background:#f1eee3}.final-flower{position:absolute;right:6%;top:-100px;font-size:350px;line-height:1;color:#ffffff10}.footer{min-height:112px;display:grid;grid-template-columns:1fr 1fr 1fr;align-items:center}.footer img{width:152px}.footer p{text-align:center;color:#747a70;font-size:11px}.footer small{text-align:right;color:#8a8d85;font-size:9px}.footer a{font-size:9px;color:#70786a}@media(max-width:800px){.wrap{width:min(100% - 34px,600px)}.site-header{height:72px}.brand img{width:155px}.site-header nav{display:none}.hero{grid-template-columns:1fr;gap:12px;padding-top:35px;padding-bottom:89px}.hero-copy{padding:0}.hero h1{font-size:58px}.hero-lede{font-size:14px}.hero-visual{min-height:410px;margin:0 8px}.photo-frame{inset:0 7px 16px 19px}.hero-bottom{gap:9px;font-size:7px;letter-spacing:.1em}.hero-bottom i{font-size:9px}.intro-section{padding:64px 0}.intro-grid{grid-template-columns:1fr;gap:18px}.inside{padding-top:74px;padding-bottom:75px}.section-heading{grid-template-columns:1fr;gap:17px}.section-heading>p{max-width:420px}.category-grid{grid-template-columns:repeat(2,1fr);gap:9px}.category-card{min-height:225px;padding:18px}.category-card h3{font-size:23px}.steps-section{padding:70px 0}.steps-grid{grid-template-columns:1fr;gap:26px}.offer{padding-top:75px;padding-bottom:75px}.offer-card{grid-template-columns:1fr;gap:28px;padding:30px 20px}.offer-price{max-width:350px;width:100%;margin:auto}.faq-section{padding:72px 0}.faq-grid{grid-template-columns:1fr;gap:23px}.footer{grid-template-columns:1fr 1fr;gap:5px;padding:20px 0}.footer p{display:none}.footer small{font-size:8px}.button-small{padding:10px 12px;font-size:10px}}@media(max-width:430px){.hero h1{font-size:51px}.hero-actions{align-items:flex-start;flex-direction:column;gap:10px}.hero-visual{min-height:360px}.floating-note{right:-3px}.hero-bottom{justify-content:space-between}.category-card{min-height:213px;padding:15px}.category-card h3{font-size:21px}.category-card>span{font-size:9px}.announcement{font-size:9px}}

.intro-section{padding:72px 0}
.intro-grid{grid-template-columns:.92fr 1.08fr;gap:72px}
.intro-copy{grid-column:2;grid-row:1;max-width:550px}
.intro-grid .eyebrow{margin:0 0 20px}
.intro-grid h2{margin-bottom:22px}
.intro-text{max-width:475px}
.intro-photo{grid-column:1;grid-row:1;height:290px;margin:0;overflow:hidden}
.intro-photo img{display:block;width:100%;height:100%;object-fit:cover;object-position:center 48%}
@media(max-width:800px){
  .intro-section{padding:64px 0}
  .intro-grid{grid-template-columns:1fr;gap:30px}
  .intro-copy,.intro-photo{grid-column:auto;grid-row:auto}
  .intro-photo{height:260px}
}
@media(max-width:430px){.intro-photo{height:225px}}

.page-content{min-height:55vh;padding-top:72px;padding-bottom:82px}
.photo-frame picture,.intro-photo picture{display:block;width:100%;height:100%}
.page-content h1{color:var(--green);font:600 clamp(38px,5vw,58px)/1.05 var(--serif);letter-spacing:-.04em}
.page-content .entry-content{max-width:760px;color:#53584f}
.faq-list a{color:var(--green);font-weight:700}
.button-disabled{cursor:not-allowed;opacity:.72}
.woocommerce-content{min-height:55vh;padding-top:54px;padding-bottom:82px}
.woocommerce-content h1,.woocommerce-content h2,.woocommerce-content h3{color:var(--green);font-family:var(--serif)}
.woocommerce .button,.woocommerce button.button,.woocommerce a.button,.woocommerce input.button{background:var(--green);color:#fff;border-radius:4px;font-family:var(--sans);font-weight:700}
.woocommerce .button:hover,.woocommerce button.button:hover,.woocommerce a.button:hover{background:#315a48;color:#fff}
.woocommerce form .form-row input.input-text,.woocommerce form .form-row textarea,.woocommerce form .form-row select{padding:12px;border:1px solid #d9decf;border-radius:3px;font:14px var(--sans)}
.woocommerce form .form-row input:focus,.woocommerce form .form-row textarea:focus,.woocommerce form .form-row select:focus{outline:2px solid var(--leaf);outline-offset:1px}
.woocommerce-info,.woocommerce-message{border-top-color:var(--leaf);background:#eef0e4;color:var(--green)}
.woocommerce-error{border-top-color:var(--tomato)}
.woocommerce table.shop_table{border-color:#d9decf;border-radius:3px;font-size:13px}
.sanoylisto-delivery-notice{margin:26px 0;padding:22px 26px;background:#eef0e4;border-left:4px solid var(--leaf);color:var(--green)}
.sanoylisto-delivery-notice h2{margin:0 0 8px;font:600 24px/1.15 var(--serif)}
.sanoylisto-delivery-notice p{margin:0;color:#53584f;font-size:14px;line-height:1.65}
@media(max-width:800px){.page-content{padding-top:48px;padding-bottom:60px}.woocommerce-content{padding-top:34px;padding-bottom:55px}}
.payment-method{display:flex;align-items:center;justify-content:center;gap:14px;margin:10px 0 18px;padding:12px 4px;border-top:1px solid #e5e6db;border-bottom:1px solid #e5e6db;text-align:left}
.payment-method img{display:block;width:105px;height:auto;flex:none}
.payment-method span{color:var(--green);font-size:12px;font-weight:700;line-height:1.25}
.payment-method small{display:block;margin-top:4px;color:#737a70;font-size:9px;font-weight:400}
@media(max-width:430px){.payment-method{gap:10px}.payment-method img{width:94px}.payment-method span{font-size:11px}}
.hero-actions .button{min-width:258px;justify-content:space-between;white-space:nowrap}
@media(max-width:800px){.hero-actions{flex-wrap:wrap}.hero-actions .price-note{flex-basis:100%}}

.mini-cover{height:auto;padding:0;background:transparent}.mini-cover:before{display:none}.mini-cover img{display:block;width:100%;height:auto}