@import url('../article.css');

:root{--artificial:#2f7d5a;--artificial-dark:#143d31;--artificial-soft:#edf7f0;--artificial-lime:#b8e986;--artificial-line:#d9e8df}
body{background:#fff}.top{background:var(--artificial-dark)}.vertical-nav{display:flex;gap:18px;align-items:center}.vertical-nav a{font-size:.82rem;font-weight:800}.vertical-nav a.active{color:var(--artificial)}
.vertical-hero{padding:86px 0 72px;background:linear-gradient(135deg,#12392e 0%,#1f5b47 58%,#2f7d5a 100%);color:#fff}.vertical-hero .crumb{color:#d7e8df}.vertical-hero h1{max-width:850px;font-size:clamp(2.5rem,5vw,4.8rem);line-height:1;letter-spacing:-.055em;margin:18px 0}.vertical-hero p{max-width:720px;color:#dbe9e3;font-size:1.08rem}.vertical-kicker{display:inline-flex;padding:.42rem .72rem;border-radius:99px;background:#ffffff14;border:1px solid #ffffff24;color:var(--artificial-lime);font-size:.73rem;font-weight:900;letter-spacing:.08em;text-transform:uppercase}
.vertical-wrap{width:min(1120px,calc(100% - 40px));margin:auto}.vertical-section{padding:70px 0}.vertical-section.soft{background:var(--artificial-soft)}.vertical-section h2{font-size:clamp(1.9rem,3.5vw,3rem);letter-spacing:-.045em;line-height:1.05}.intro-grid{display:grid;grid-template-columns:1.2fr .8fr;gap:42px;align-items:start}.choice-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.choice-card{border:1px solid var(--artificial-line);border-radius:16px;padding:22px;background:#fff;display:flex;flex-direction:column;min-height:220px}.choice-card small{font-weight:900;color:var(--artificial);text-transform:uppercase;letter-spacing:.07em}.choice-card h3{font-size:1.18rem;margin:10px 0 7px}.choice-card p{color:#60736b;font-size:.88rem}.choice-card a{margin-top:auto;color:var(--artificial);font-weight:900}.problem-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.problem{border-radius:14px;background:#fff;border:1px solid var(--artificial-line);padding:18px}.problem b{display:block;margin-bottom:5px}.problem p{margin:0;color:#60736b;font-size:.82rem}.decision-table{width:100%;border-collapse:collapse;margin:24px 0;background:#fff;border:1px solid var(--artificial-line);border-radius:14px;overflow:hidden}.decision-table th,.decision-table td{text-align:left;padding:13px 14px;border-bottom:1px solid var(--artificial-line);vertical-align:top}.decision-table th{background:#f5faf6;font-size:.77rem;text-transform:uppercase;letter-spacing:.04em}.decision-table td{font-size:.86rem}.decision-table tr:last-child td{border-bottom:0}.tag-pill{display:inline-flex;padding:.28rem .56rem;border-radius:99px;background:#e1f2d4;color:#285f45;font-size:.7rem;font-weight:900}.notice{border-left:4px solid var(--artificial);background:#f2f8f4;padding:16px 18px;border-radius:0 12px 12px 0;margin:20px 0}.affiliate-note{font-size:.76rem;color:#71827b;border-top:1px solid var(--artificial-line);padding-top:14px;margin-top:24px}.cta-row{display:flex;gap:10px;flex-wrap:wrap;margin-top:24px}.cta{display:inline-flex;align-items:center;justify-content:center;min-height:46px;padding:0 18px;border-radius:9px;background:var(--artificial-dark);color:#fff;font-size:.83rem;font-weight:900}.cta.secondary{background:#fff;color:var(--artificial-dark);border:1px solid var(--artificial-dark)}.compare-cards{display:grid;grid-template-columns:repeat(2,1fr);gap:16px}.compare-card{border:1px solid var(--artificial-line);border-radius:16px;padding:22px;background:#fff}.compare-card h3{margin-top:0}.spec-list{list-style:none;padding:0!important}.spec-list li{display:flex;justify-content:space-between;gap:20px;border-bottom:1px solid #edf2ee;padding:8px 0;font-size:.84rem}.spec-list li:last-child{border-bottom:0}.spec-list b{color:var(--artificial-dark)}.source-box{margin-top:24px;padding:14px 16px;border-radius:12px;background:#fafcf9;border:1px solid var(--artificial-line);font-size:.76rem;color:#687970}.source-box a{color:var(--artificial);font-weight:800}.breadcrumbs{font-size:.78rem;color:#d9e7e1}.breadcrumbs a{color:inherit}.breadcrumbs span{opacity:.7;margin:0 6px}.vertical-footer-links{display:flex;gap:16px;flex-wrap:wrap}.vertical-footer-links a{font-size:.82rem;font-weight:800;color:#bcd0c7}
@media(max-width:900px){.vertical-nav{display:none}.intro-grid{grid-template-columns:1fr}.choice-grid{grid-template-columns:repeat(2,1fr)}.problem-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:620px){.vertical-wrap{width:min(100% - 24px,1120px)}.vertical-hero{padding:64px 0 54px}.choice-grid,.problem-grid,.compare-cards{grid-template-columns:1fr}.decision-table{display:block;overflow-x:auto}.vertical-section{padding:54px 0}}

/* Hero visual césped artificial: mismo patrón que la portada principal */
.vertical-hero{position:relative;isolation:isolate;min-height:620px;display:flex;align-items:center;background-image:linear-gradient(90deg,rgba(8,37,29,.90) 0%,rgba(8,37,29,.76) 34%,rgba(8,37,29,.46) 58%,rgba(8,37,29,.18) 100%),linear-gradient(180deg,rgba(8,37,29,.04) 52%,rgba(8,37,29,.35) 100%),url('/assets/images/cesped-artificial-jardin.webp?v=20261004-hero3');background-size:cover;background-position:center center;background-repeat:no-repeat}.vertical-hero .vertical-wrap{position:relative;z-index:2}.vertical-hero h1{max-width:760px;text-shadow:0 2px 20px rgba(0,0,0,.2)}.vertical-hero p{max-width:680px;color:#eef7f2;text-shadow:0 1px 14px rgba(0,0,0,.2)}.vertical-hero .cta{background:#10332b;border:1px solid rgba(255,255,255,.22)}.vertical-hero .cta.secondary{background:#fff;color:#10332b;border-color:#fff}.artificial-hero-visual{display:none!important}
@media(max-width:800px){.vertical-hero{min-height:540px;background-position:58% center;padding:68px 0 58px}}

/* Footer unificado con la portada principal */
footer{background:#0d2d26;color:#dbe8e3;padding:55px 0 28px;margin-top:0}.foot{display:grid;grid-template-columns:1.6fr 1fr 1fr;gap:50px;justify-content:normal;flex-wrap:initial}.foot p,.foot a{color:#aebfba;font-size:.78rem;display:block;margin:8px 0;max-width:none}.foot b{color:#dbe8e3}.copy{border-top:1px solid #315047;margin-top:35px;padding-top:20px;font-size:.7rem;color:#8ea29c}
@media(max-width:900px){.foot{grid-template-columns:1fr 1fr}}
@media(max-width:560px){.foot{grid-template-columns:1fr}}

/* Sprint 2: cards de producto y conversión */
.affiliate-product-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin-top:26px}.affiliate-product-card{position:relative;display:flex;flex-direction:column;min-height:100%;background:#fff;border:1px solid var(--artificial-line);border-radius:18px;padding:22px;box-shadow:0 12px 34px rgba(16,51,43,.06);transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease}.affiliate-product-card:hover{transform:translateY(-3px);border-color:#a8cdb8;box-shadow:0 18px 42px rgba(16,51,43,.11)}.affiliate-product-card.featured{border:2px solid #78b958;background:linear-gradient(180deg,#fbfff8,#fff)}.affiliate-product-badge{align-self:flex-start;display:inline-flex;align-items:center;min-height:26px;padding:0 9px;border-radius:999px;background:#e3f3d3;color:#285f45;font-size:.66rem;font-weight:900;letter-spacing:.055em;text-transform:uppercase}.affiliate-product-card.featured .affiliate-product-badge{background:#b9ec76;color:#173e31}.affiliate-product-media{margin:16px 0 18px;height:190px;border-radius:14px;background:#fff;display:grid;place-items:center;text-align:center;padding:10px;color:#3c6858;border:1px solid #e1ebe4;overflow:hidden}.affiliate-product-media strong{font-size:1.08rem;line-height:1.2}.affiliate-product-media span{display:block;margin-top:5px;font-size:.72rem;color:#6f817a}.affiliate-product-card h3{font-size:1.25rem;margin:0 0 5px;line-height:1.2}.affiliate-product-use{font-size:.84rem;color:#60736b;margin:0 0 16px;min-height:42px}.affiliate-product-specs{display:grid;gap:0;border-block:1px solid #edf2ee;margin-bottom:16px}.affiliate-product-specs div{display:flex;justify-content:space-between;gap:16px;padding:9px 0;font-size:.79rem;border-bottom:1px solid #edf2ee}.affiliate-product-specs div:last-child{border-bottom:0}.affiliate-product-specs span{color:#6a7c74}.affiliate-product-specs b{color:var(--artificial-dark);text-align:right}.affiliate-product-verdict{font-size:.78rem;color:#435950;background:#f5f8f5;border-radius:10px;padding:11px 12px;margin:0 0 16px}.affiliate-product-actions{margin-top:auto;display:grid;gap:8px}.affiliate-buy{display:flex;align-items:center;justify-content:center;min-height:46px;padding:0 16px;border-radius:9px;background:#10332b;color:#fff;font-size:.82rem;font-weight:900;text-align:center}.affiliate-buy:hover{background:#19493d}.affiliate-product-note{font-size:.66rem;color:#788982;text-align:center}.affiliate-section-intro{display:flex;justify-content:space-between;gap:28px;align-items:end}.affiliate-section-intro>p{max-width:470px;color:#60736b;margin:0}.affiliate-disclosure{margin-top:20px;padding:13px 15px;border-radius:11px;background:#f7faf7;border:1px solid #e2ebe4;color:#667972;font-size:.72rem}.product-sprite{display:block;width:min(100%,176px);aspect-ratio:1;background-image:url('/assets/images/artificial-products-sprite.webp?v=20261006-2');background-repeat:no-repeat;background-size:300% 300%;border-radius:10px}.product-141{background-position:0 0}.product-202{background-position:50% 0}.product-302{background-position:100% 0}.product-402{background-position:0 50%}.product-602qg{background-position:50% 50%}.product-orientools{background-position:100% 50%}.product-krown{background-position:0 100%}.product-eos{background-position:50% 100%}.product-pureturf{background-position:100% 100%}
@media(max-width:900px){.affiliate-product-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.affiliate-section-intro{align-items:start;flex-direction:column}}
@media(max-width:600px){.affiliate-product-grid{grid-template-columns:1fr}.affiliate-product-card{padding:18px}.affiliate-product-media{height:170px}.affiliate-product-use{min-height:auto}.product-sprite{width:min(100%,156px)}}