:root{
  color-scheme:light;
  --cream:#eef0e6;--cream-soft:#f7f5ec;
  --cream-soft:#f7f5ee;
  --ink:#37422f;
  --olive:#7b8766;
  --olive-deep:#6f7b5b;
  --muted:#6e6e63;
  --line:#d9ddcf;
  --pale:#f3f4ec;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth;scroll-padding-top:100px;background:var(--cream)}
body{margin:0;color:var(--ink);background:var(--cream);font:17px/1.65 Georgia,'Times New Roman',serif;min-height:100vh}
a{color:inherit;text-underline-offset:5px}
button,input,select,textarea{font:14px/1.5 Arial,sans-serif}
button,a,input,select,textarea{outline-offset:5px}
button{cursor:pointer}
img{max-width:100%;display:block}
.skip{position:absolute;top:-70px}.skip:focus{top:10px;z-index:100;background:white;padding:10px}
header{display:flex;align-items:center;justify-content:space-between;padding:14px 6%;border-bottom:1px solid var(--line);background:var(--cream);gap:20px}
header .brand img{width:200px}
nav{display:flex;gap:32px;font:13px Arial,sans-serif}
nav a{text-decoration:none}nav span{margin-left:12px}
.hero{display:grid;grid-template-columns:1fr 1fr;gap:6%;padding:65px 6% 80px;max-width:1500px;margin:auto;align-items:center}
.eyebrow{font:11px/1.6 Arial,sans-serif;letter-spacing:2.4px;color:var(--olive);font-weight:600}
h1{font-size:clamp(48px,5.4vw,84px);line-height:1.07;letter-spacing:-2px;font-weight:400;margin:26px 0}
em{font-weight:400}
h2{font-size:clamp(30px,3vw,44px);line-height:1.2;font-weight:400;margin:18px 0 25px;letter-spacing:-.8px}.lead{font-size:25px;margin-bottom:10px}.intro{max-width:430px;color:var(--muted);margin-bottom:30px}
.button{border:1px solid #8e9878;display:inline-flex;align-items:center;justify-content:space-between;gap:18px;background:#8e9878;color:white;padding:14px 22px;text-decoration:none;font:13px/1.5 Arial,sans-serif;border-radius:999px}
.button:hover{background:#778264}.secondary{border:1px solid var(--line);background:transparent;color:var(--ink);padding:12px 18px;border-radius:999px}
.hero-note{margin-top:38px;font:13px/1.65 Arial,sans-serif;display:flex;gap:12px;color:var(--olive)}.hero-note span{font-size:28px}
.hero-image{margin:0;position:relative}.hero-image>img{width:100%;height:min(76vw,720px);object-fit:contain;background:transparent;border-radius:24px}
.cultivo{border-top:1px solid var(--line);border-bottom:1px solid var(--line);margin:0 6%;padding:50px 0;display:grid;grid-template-columns:1fr 2.1fr 1fr;gap:6%;align-items:start}.cultivo p:not(.eyebrow){color:var(--muted);font-size:16px}.cultivo h2{margin-top:0}.cultivo-stamp{margin-top:25px;border:1px solid var(--line);border-radius:50% 50% 0 0;padding:30px 12px;text-align:center;background:var(--pale)}.cultivo-stamp span{font-size:46px;display:block}.cultivo-stamp b{font-size:19px;font-weight:400;display:block}.cultivo-stamp small{font:10px Arial,sans-serif}
.collection{padding:75px 6% 30px}.section-heading{display:flex;justify-content:space-between;align-items:end;gap:35px}.section-heading>p{font-size:14px;color:var(--muted);padding-bottom:18px}.tools{display:flex;align-items:center;gap:24px;margin:18px 0 36px;padding:15px 0;border-block:1px solid var(--line);font:12px Arial,sans-serif}.search{display:flex;align-items:center;flex:1;gap:12px}.search span{font-size:30px}.search input{width:100%;padding:12px 0;background:transparent;border:0;color:var(--ink)}.filter{display:flex;gap:10px;align-items:center}.filter select{background:transparent;border:0;padding:10px}select,input,textarea{color:var(--ink)}
.catalog-list{display:flex;flex-direction:column;gap:46px}
.sheet-card{background:var(--cream-soft);border:1px solid var(--line);border-radius:28px;padding:36px 34px;box-shadow:0 8px 28px rgba(75,85,62,.05)}
.sheet-heading{position:relative;text-align:center;padding:0 80px 18px}
.sheet-heading .vivero{font:11px/1.6 Arial,sans-serif;letter-spacing:3px;color:var(--ink);margin-bottom:8px}
.sheet-number{display:inline-block;background:var(--olive);color:#fff;padding:11px 26px;border-radius:999px;font:12px/1 Arial,sans-serif;letter-spacing:2px;margin-bottom:18px}
.sheet-heading h3{font-size:clamp(42px,4.5vw,76px);line-height:1.02;letter-spacing:-1.3px;font-weight:400;margin:8px 0;color:#243020}
.sheet-subtitle{font-size:clamp(22px,2vw,32px);line-height:1.35;color:var(--muted);margin:12px auto 0;max-width:720px}
.sheet-botanical{position:absolute;top:0;width:112px;opacity:.8}
.sheet-botanical.left{left:0}.sheet-botanical.right{right:0;transform:scaleX(-1)}
.sheet-layout{display:grid;grid-template-columns:minmax(0,1.9fr) minmax(280px,.95fr);gap:28px;align-items:start}
.sheet-photo-wrap{position:relative}
.photo-open{display:block;width:100%;padding:0;border:0;background:transparent;text-align:left}
.sheet-photo{width:100%;aspect-ratio:1/1.1;object-fit:cover;border-radius:26px;clip-path:polygon(0 0,100% 0,100% 84%,92% 89%,82% 86%,70% 91%,58% 86%,45% 90%,33% 86%,20% 90%,9% 86%,0 89%)}
.photo-caption{font:12px/1.4 Arial,sans-serif;color:var(--muted);margin-top:12px}
.floating-detail{position:absolute;right:-8px;bottom:8px;display:flex;align-items:center;gap:0}
.circle-photo{width:min(35vw,280px);aspect-ratio:1;border-radius:50%;overflow:hidden;border:7px solid var(--cream-soft);background:#e8ecde;box-shadow:0 8px 18px rgba(0,0,0,.08)}
.circle-photo img{width:100%;height:100%;object-fit:cover}
.floating-pill{margin-left:-24px;background:var(--olive);color:#fff;border-radius:999px;padding:18px 24px;font:11px/1.35 Arial,sans-serif;letter-spacing:1.6px;text-transform:uppercase;max-width:220px}
.indicators{display:flex;flex-direction:column;gap:0;background:rgba(255,255,255,.42);border-radius:24px;padding:6px 0}
.indicator{display:grid;grid-template-columns:72px 1fr;gap:14px;align-items:start;padding:20px 6px 20px 0;border-bottom:1px solid var(--line)}
.indicator:last-child{border-bottom:0}
.symbol{width:52px;height:52px;border-radius:50%;display:grid;place-items:center;border:1px solid var(--line);background:var(--pale);margin-left:12px}
.symbol svg{width:28px;height:28px;stroke:#4a5840;fill:none;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.indicator b{display:block;font-size:20px;letter-spacing:.8px;margin-bottom:4px}.indicator p{margin:0;font-size:20px;line-height:1.28;color:#505449}
.sheet-bottom{display:grid;grid-template-columns:1fr 1fr;gap:24px;margin-top:24px;align-items:start}
.summary-box{display:grid;grid-template-columns:86px 1fr;gap:16px;padding:22px 22px 20px;border-radius:24px;background:#f2f0e4;border:1px solid #ece9db;min-height:170px}
.summary-box .illustration{width:66px;opacity:.85;align-self:start}
.summary-box p,.combo-box p{margin:0;font-size:17px;line-height:1.6;color:#4f5347}
.combo-box{padding:22px 22px 20px;border-radius:24px;background:#f8f7f1;border:1px solid var(--line);min-height:170px}
.sheet-bottom h4{font:12px/1.6 Arial,sans-serif;letter-spacing:2px;color:var(--olive);margin:0 0 10px;text-transform:uppercase}
.advice-box{margin-top:18px;padding:18px 4px 0;border-top:1px solid var(--line);text-align:center}
.advice-box p{margin:8px auto 0;max-width:820px;color:#4f5347}
.tagline{margin-top:18px;padding-top:16px;border-top:1px solid var(--line);text-align:center;font-size:clamp(24px,2vw,34px);font-style:italic;color:#5c6550}
.text-link{font:14px Arial,sans-serif}
.reserves{margin:10px 6% 0;padding:48px 0 52px;border-top:1px solid var(--line);display:grid;grid-template-columns:1fr 1fr;gap:6%}.reserves p{color:var(--muted)}.reserves form,.sheet-card textarea{display:flex;flex-direction:column;gap:16px}.reserves label{display:flex;flex-direction:column;gap:8px;font:14px Arial,sans-serif}textarea,input,select{padding:13px 14px;border:1px solid var(--line);border-radius:16px;background:rgba(255,255,255,.75)}.form-note{font-size:13px}
footer{padding:32px 6% 48px;border-top:1px solid var(--line);display:flex;flex-direction:column;align-items:center;gap:10px;text-align:center}footer img{width:170px}footer p{margin:0}footer small{font-size:22px;letter-spacing:1.2px}
#empty{font-size:18px;padding:10px 0 30px;color:var(--muted)}
#photo-dialog{border:0;border-radius:24px;padding:18px;background:#f8f8f5;max-width:min(92vw,980px)}#photo-dialog::backdrop{background:rgba(31,36,27,.68)}#photo-dialog img{max-width:100%;max-height:78vh;border-radius:18px}.close{border:0;background:transparent;font-size:32px;line-height:1;position:absolute;top:12px;right:16px}.close:hover{opacity:.75}#photo-dialog p{margin:12px 0 4px;color:#4f5347}
@media (max-width:1100px){
  .sheet-layout{grid-template-columns:1fr}
  .sheet-bottom{grid-template-columns:1fr}
  .floating-detail{right:8px;bottom:-8px}
}
@media (max-width:880px){
  header{flex-direction:column;align-items:flex-start}
  nav{gap:18px;flex-wrap:wrap}
  .hero,.cultivo,.reserves{grid-template-columns:1fr}
  .section-heading{flex-direction:column;align-items:flex-start}
  .tools{flex-direction:column;align-items:stretch}
  .sheet-card{padding:26px 18px}
  .sheet-heading{padding:0 10px 12px}
  .sheet-heading .vivero{font-size:10px}
  .sheet-number{margin-top:6px;padding:10px 18px;font-size:11px}
  .sheet-heading h3{font-size:clamp(34px,10vw,54px)}
  .sheet-subtitle{font-size:clamp(18px,5vw,28px)}
  .sheet-botanical{width:68px;top:-6px}
  .sheet-layout{gap:16px}
  .sheet-photo{aspect-ratio:1/1.14}
  .circle-photo{width:min(44vw,210px);border-width:5px}
  .floating-pill{padding:14px 18px;font-size:10px;max-width:170px}
  .indicator{grid-template-columns:60px 1fr;padding:16px 0}
  .symbol{width:46px;height:46px;margin-left:8px}
  .indicator b{font-size:16px}
  .indicator p{font-size:16px}
  .summary-box,.combo-box{min-height:auto}
  footer small{font-size:20px}
}
@media (max-width:560px){
  body{font-size:16px}
  .hero{padding-top:42px}
  h1{font-size:clamp(40px,12vw,60px)}
  .hero-image>img{height:auto}
  .collection{padding-top:56px}
  .search span{font-size:24px}
  .sheet-heading h3{letter-spacing:-1px}
  .sheet-subtitle{max-width:100%}
  .floating-detail{position:relative;right:auto;bottom:auto;margin-top:-44px;justify-content:flex-end}
  .circle-photo{width:52vw;max-width:210px}
  .floating-pill{margin-left:-18px;max-width:144px;padding:12px 14px}
  .summary-box{grid-template-columns:62px 1fr;padding:18px}
  .summary-box .illustration{width:48px}
  footer small{font-size:18px}
}


/* Ajustes finales pedidos por la usuaria */
.sheet-photo, .circle-photo img{box-shadow:none;border:0}
.card-photo, .card-photo img{background:transparent;border:0;box-shadow:none}

/* Fichas más compactas, manteniendo el recorte ondulado y las fotos ampliables. */
.catalog-list{gap:30px}
.sheet-card{padding:27px 28px}
.sheet-heading{padding-bottom:12px}
.sheet-heading h3{font-size:clamp(34px,3.9vw,59px)}
.sheet-subtitle{font-size:clamp(19px,1.7vw,26px)}
.sheet-layout{grid-template-columns:minmax(0,1.35fr) minmax(260px,1fr);gap:22px}
.sheet-photo-wrap{max-width:500px;width:100%;margin-inline:auto}
.sheet-photo{display:block;aspect-ratio:5/4;object-fit:cover;clip-path:polygon(0 0,100% 0,100% 86%,92% 90%,81% 87%,69% 92%,56% 88%,44% 92%,31% 88%,19% 92%,9% 88%,0 91%);border:0;box-shadow:none}
.circle-photo{width:160px;border-width:5px;box-shadow:none}
.floating-detail{right:0;bottom:-5px}
.floating-pill{padding:12px 16px;max-width:175px;font-size:10px}
.indicator{padding:13px 6px 13px 0}
.indicator b{font-size:16px}.indicator p{font-size:17px}
.symbol{width:45px;height:45px}
.sheet-bottom{margin-top:15px}
.summary-box,.combo-box{min-height:auto;padding:16px}
.advice-box{margin-top:12px}
.tagline{margin-top:12px;padding-top:10px;font-size:22px}
@media(max-width:880px){
 .sheet-layout{grid-template-columns:1fr;gap:13px}
 .sheet-photo-wrap{max-width:460px}
 .sheet-card{padding:22px 18px}
 .floating-detail{right:0;bottom:-4px;position:absolute;margin-top:0}
 .circle-photo{width:145px}
 .indicator{padding:12px 0}
 .indicators{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:4px 12px}
 .indicator{grid-template-columns:45px minmax(0,1fr);gap:8px}
 .symbol{width:38px;height:38px;margin-left:0}
 .symbol svg{width:23px;height:23px}
 .indicator b,.indicator p{font-size:14px}
}
@media(max-width:560px){
 .catalog-list{gap:22px}
 .sheet-card{padding:18px 13px;border-radius:20px}
 .sheet-photo-wrap{max-width:100%}
 .sheet-photo{aspect-ratio:5/4}
 .floating-detail{position:absolute;right:0;bottom:-12px;margin-top:0}
 .circle-photo{width:112px;border-width:4px}
 .floating-pill{max-width:122px;margin-left:-13px;padding:9px 11px;font-size:8px;letter-spacing:.6px}
 .sheet-heading h3{font-size:clamp(30px,8vw,42px)}
 .sheet-subtitle{font-size:18px}
 .sheet-botanical{width:50px}
 .photo-caption{font-size:10px;margin-top:15px}
 .indicators{margin-top:5px;grid-template-columns:repeat(2,minmax(0,1fr));padding:3px}
 .indicator{grid-template-columns:35px minmax(0,1fr);gap:6px;padding:10px 2px;overflow-wrap:anywhere}
 .symbol{width:31px;height:31px}
 .symbol svg{width:19px;height:19px}
 .indicator b{font-size:12px}.indicator p{font-size:13px}
 .summary-box{grid-template-columns:48px 1fr;padding:13px}
 .summary-box .illustration{width:42px}
 .summary-box p,.combo-box p{font-size:15px}
 .tagline{font-size:19px}
}