*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:#2f2925;background:#fbfaf8;font-family:"DM Sans",Arial,sans-serif}.shell{width:min(1160px,calc(100% - 40px));margin:auto}.nav-wrap{position:sticky;top:0;z-index:20;background:rgba(251,250,248,.94);backdrop-filter:blur(10px);border-bottom:1px solid #e9e0d7}.nav{height:72px;display:flex;align-items:center;justify-content:space-between;gap:24px}.brand{font-family:"Playfair Display",serif;color:#6f4b36;text-decoration:none;font-weight:600;letter-spacing:.08em}.nav-links{display:flex;gap:22px;align-items:center}.nav-links a{color:#4a3b31;text-decoration:none;font-size:14px}.menu-btn{display:none;border:0;background:none;font-size:24px}.hero{display:grid;grid-template-columns:1.05fr .95fr;gap:64px;align-items:center;padding-top:64px;padding-bottom:64px}.hero h1,.section h2,.about h2,.commission-card h2,.contact h2{font-family:"Playfair Display",serif;color:#6f4b36;font-weight:500}.hero h1{font-size:clamp(52px,7vw,96px);line-height:.95;margin:8px 0 24px}.hero h1 em{display:block}.lead{font-size:20px;line-height:1.6;max-width:580px}.hero-image{min-height:520px;background:#eee6df;display:flex;align-items:center;justify-content:center;overflow:hidden}.hero-image img{width:100%;height:100%;max-height:620px;object-fit:contain;object-position:center}.eyebrow{font-size:12px;font-weight:600;letter-spacing:.16em;color:#8a5e43}.btn{display:inline-flex;align-items:center;justify-content:center;padding:14px 22px;border-radius:999px;text-decoration:none;font-weight:600}.btn-dark{background:#6f4b36;color:#fff}.btn-light{background:#fff;color:#6f4b36}.text-link{color:#6f4b36;text-decoration:none;font-weight:600}.hero-actions{display:flex;gap:18px;align-items:center;flex-wrap:wrap}.statement{background:#6b4935;color:#fff}.statement-inner{padding:50px 0}.statement p{font-family:"Playfair Display",serif;font-size:clamp(26px,4vw,44px);line-height:1.35;margin:0;max-width:980px}.section{padding-top:90px;padding-bottom:90px}.section-head{display:flex;justify-content:space-between;gap:50px;align-items:end;margin-bottom:38px}.section h2,.about h2,.contact h2{font-size:clamp(36px,5vw,58px);margin:4px 0 0}.section-intro{max-width:470px;line-height:1.65;color:#685b52}.filters{display:flex;gap:9px;flex-wrap:wrap;margin-bottom:28px}.filter{border:1px solid #cdbeb2;background:#fff;color:#5d493b;padding:9px 14px;border-radius:999px;cursor:pointer}.filter.active{background:#6f4b36;color:#fff;border-color:#6f4b36}.gallery{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:30px;align-items:start}.art-card{background:#fff;border:1px solid #eadfd5;cursor:pointer;position:relative}.art-image{height:auto;background:transparent;position:relative;display:block;overflow:hidden}.art-image img{display:block;width:100%;height:auto;object-fit:initial}.art-card--sabana .art-image img{object-fit:initial;object-position:initial}.art-body{padding:18px}.art-title{font-family:"Playfair Display",serif;font-size:25px;color:#6f4b36;margin:0 0 8px}.art-meta{font-size:13px;color:#796b62;line-height:1.55}.art-price{font-size:18px;font-weight:600;margin-top:12px}.status-badge{position:absolute;top:12px;right:12px;padding:7px 10px;border-radius:4px;font-size:12px;font-weight:800;letter-spacing:.09em;background:#fff;color:#58764b}.status-badge.sold{background:#b32828;color:#fff}.framing-note{margin-top:34px;padding:20px 22px;background:#efe6de;border-left:4px solid #6f4b36;line-height:1.6}.about{background:#f1ebe5}.about-grid{display:grid;grid-template-columns:.9fr 1.1fr;gap:70px;align-items:center}.about-image{display:flex;align-items:center;justify-content:center;min-height:520px}.about-image img{width:100%;height:100%;max-height:620px;object-fit:contain;object-position:center}.about-copy p{font-size:17px;line-height:1.75}.signature{font-family:"Playfair Display",serif;font-style:italic;font-size:30px!important;color:#6f4b36}.commission-card{background:#6f4b36;color:#fff;padding:56px;border-radius:2px}.commission-card .eyebrow,.commission-card h2{color:#fff}.commission-card h2{font-size:46px;margin:8px 0 18px}.commission-card p{max-width:850px;line-height:1.7}.example-grid{columns:4 220px;column-gap:18px}.example-item{break-inside:avoid;margin:0 0 18px;background:transparent;border:0;padding:0;overflow:hidden}.example-item img{display:block;width:100%;height:auto}.example-note{padding:8px 4px 3px;font-size:12px;color:#78685f}.soft{background:#f1ebe5;max-width:none;width:100%;padding-left:max(20px,calc((100% - 1160px)/2));padding-right:max(20px,calc((100% - 1160px)/2))}.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.steps article{border-top:1px solid #cbbdb2;padding-top:18px}.steps span{color:#a47a5c}.steps h3{font-family:"Playfair Display",serif;color:#6f4b36;font-size:25px}.steps p{line-height:1.65;color:#685b52}.contact{display:flex;justify-content:space-between;gap:40px;align-items:end}.contact-links{display:flex;flex-direction:column;gap:12px}.contact-links a{font-size:20px;color:#6f4b36}.footer-inner{padding:32px 0;border-top:1px solid #ded3ca;display:flex;gap:20px;justify-content:space-between;flex-wrap:wrap;font-size:13px;color:#776a61}.footer-inner a{color:inherit;margin-left:15px}.modal{display:none;position:fixed;inset:0;z-index:50}.modal.open{display:block}.modal-backdrop{position:absolute;inset:0;background:rgba(30,24,20,.72)}.modal-card{position:relative;z-index:2;width:min(980px,calc(100% - 32px));max-height:90vh;overflow:auto;margin:5vh auto;background:#fff;display:grid;grid-template-columns:1.05fr .95fr}.modal-image-wrap{min-height:520px;background:#f1ede8;position:relative;display:flex;align-items:center;justify-content:center}.modal-image-wrap img{max-width:100%;max-height:75vh;object-fit:contain}.modal-info{padding:46px}.modal-info h3{font-family:"Playfair Display",serif;color:#6f4b36;font-size:38px;margin:4px 0 12px}.modal-close{position:absolute;top:12px;right:15px;z-index:4;border:0;background:#fff;width:40px;height:40px;border-radius:50%;font-size:28px;cursor:pointer}.price-box{border-top:1px solid #ddd0c7;border-bottom:1px solid #ddd0c7;margin:24px 0;padding:12px 0}.price-box div{display:flex;justify-content:space-between;padding:7px 0}.price-box .total{font-size:18px;font-weight:700}.buy-full{width:100%;margin-bottom:12px}.shipping-note{font-size:12px;color:#796b62;line-height:1.5}.manager-link{font-size:12px}@media(max-width:860px){.menu-btn{display:block}.nav-links{display:none;position:absolute;top:72px;left:0;right:0;background:#fbfaf8;padding:20px;flex-direction:column;align-items:flex-start;border-bottom:1px solid #ddd}.nav-links.open{display:flex}.hero{grid-template-columns:1fr;gap:30px;padding-top:35px}.hero-image{min-height:0}.hero-image img{max-height:520px}.section-head,.contact{display:block}.section-intro{margin-top:16px}.gallery{grid-template-columns:repeat(2,1fr)}.about-grid{grid-template-columns:1fr}.steps{grid-template-columns:1fr}.modal-card{grid-template-columns:1fr}.modal-image-wrap{min-height:320px}.example-grid{columns:2 150px}}@media(max-width:560px){.shell{width:min(100% - 24px,1160px)}.gallery{grid-template-columns:1fr}.art-image{height:auto}.section{padding-top:64px;padding-bottom:64px}.commission-card{padding:34px 24px}.example-grid{columns:2 130px}.modal-info{padding:28px 22px}.statement-inner{padding:34px 0}.footer-inner{display:block}.footer-inner>*{display:block;margin:8px 0}.footer-inner a{margin:0 14px 0 0}}
/* Acabado uniforme: borde fino marrón alrededor de cada obra */
.art-image img,.example-item img{border:1px solid #6f4b36}

/* Encuadre manual opcional por obra. Sin ajuste, la imagen conserva su proporción natural. */
.art-image.has-manual-frame,
.example-item .manual-frame{
  position:relative;
  overflow:hidden;
  background:#fbfaf8;
}
.art-image.has-manual-frame img,
.example-item .manual-frame img{
  position:absolute;
  inset:0;
  width:100%;
  height:100%;
  object-fit:cover;
  transform-origin:center center;
}
.example-item .manual-frame{width:100%;}

.art-watermark{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%) rotate(-18deg);z-index:3;color:#6f4b36;opacity:.30;font-family:"Playfair Display",serif;font-size:clamp(28px,4vw,54px);font-weight:600;letter-spacing:.08em;pointer-events:none;white-space:nowrap}.example-frame{position:relative;overflow:hidden}.example-frame:not(.has-manual-frame){display:block;width:100%}.example-frame:not(.has-manual-frame) img{display:block;width:100%;height:auto}.modal-image-wrap:after{content:"Agrela";position:absolute;left:50%;top:50%;transform:translate(-50%,-50%) rotate(-18deg);color:#6f4b36;opacity:.30;font-family:"Playfair Display",serif;font-size:54px;font-weight:600;letter-spacing:.08em;pointer-events:none}