@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;700&family=Playfair+Display:wght@500&display=swap');
:root{font-family:'DM Sans',sans-serif;color:#253d36;background:#f7f6f1}*{box-sizing:border-box}body{margin:0}header,main,footer{max-width:1320px;margin:auto;padding:24px 5%}header{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #dcded5}.brand{font-size:30px;font-weight:bold;text-decoration:none;color:inherit}.brand span{display:block;font-size:9px;letter-spacing:2px;margin-top:6px}nav{display:flex;gap:8px}button,.button,select{border:1px solid #cbd2c9;border-radius:24px;padding:11px 18px;background:transparent;color:inherit;font:inherit;cursor:pointer}button:hover,.button:hover{background:#e7eadd}button:focus-visible,a:focus-visible,input:focus-visible{outline:3px solid #c78e3d;outline-offset:3px}.active,form button[type=submit],form button:not([type]){background:#294d3e;color:white}.hero{display:flex;justify-content:space-between;align-items:center;padding:42px 0}.eyebrow{font-size:11px;letter-spacing:2px}h1{font-family:'Playfair Display',serif;font-weight:500;font-size:clamp(36px,5vw,64px);margin:20px 0}.hero p{line-height:1.8;color:#637369}.hero-art{width:220px;height:220px;background:#e6ebdf;border-radius:50%;text-align:center;font-size:110px;color:#c18048;line-height:1.1;transform:rotate(-10deg)}.hero-art small{display:block;font-family:'Playfair Display',serif;font-size:23px;color:#294d3e}.badge{display:inline-block;background:#e9dfc9;padding:7px 12px;border-radius:8px;font-size:12px}.toolbar{display:flex;gap:16px;align-items:end;border-top:1px solid #dcded5;padding-top:24px;flex-wrap:wrap}.tabs{margin-right:auto;display:flex;gap:5px}label{font-size:12px;display:grid;gap:5px}input,textarea{font:inherit;border:1px solid #cbd2c9;border-radius:12px;padding:12px;background:#fff;color:#253d36}#count{font-size:13px;color:#65766a;margin:28px 0 18px}.grid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px}.card{background:white;border-radius:14px;overflow:hidden;border:1px solid #e1e4da}.photo-button{display:block;padding:0;border:0;border-radius:0;width:100%;position:relative}.card img{width:100%;aspect-ratio:4/3;object-fit:cover;display:block}.video-badge{position:absolute;right:12px;bottom:12px;background:#fff;border-radius:16px;padding:5px 10px;font-size:12px}.caption{padding:14px}.caption p{font-size:12px;color:#718176;margin:8px 0}.chips{display:flex;flex-wrap:wrap;gap:5px}.chip{font-size:12px;background:#eef1e7;border-radius:15px;padding:5px 9px}.caption a{font-size:12px;color:#294d3e}footer{font-size:12px;border-top:1px solid #dcded5;margin-top:40px;display:flex;justify-content:space-between}dialog{border:0;border-radius:20px;padding:30px;max-width:650px;width:92%;color:#253d36;max-height:92vh;overflow:auto}dialog::backdrop{background:#172d26bf}.close{float:right;padding:8px 12px}#viewer{max-width:1050px;padding:16px}#media img,#media video{width:100%;max-height:58vh;object-fit:contain;background:#14251e;border-radius:12px}#media{clear:both;padding-top:10px}.viewer-controls{display:flex;justify-content:space-between;align-items:center;margin:10px}.details{padding:0 14px 16px}.details h2{font-size:18px}form{display:flex;gap:8px;flex-wrap:wrap;margin:18px 0}form input{min-width:0;flex:1}.button{display:inline-block;text-decoration:none;margin-top:8px}textarea{width:100%;min-height:200px}#status{color:#975022}table{width:100%;font-size:13px}td{padding:8px;border-bottom:1px solid #eee}#tags .chip{display:inline-block;margin:4px}#tags button{padding:2px 7px;margin-left:5px}summary{cursor:pointer;padding:12px}.empty{grid-column:1/-1;text-align:center;padding:70px;background:#e9ede3;border-radius:16px}@media(max-width:900px){.grid{grid-template-columns:repeat(3,1fr)}.hero-art{width:170px;height:170px;font-size:80px}}@media(max-width:600px){header,main,footer{padding:20px}.brand{font-size:24px}nav button{font-size:12px;padding:9px}.hero{padding:25px 0}.hero-art{display:none}.grid{grid-template-columns:repeat(2,1fr);gap:10px}.toolbar label{width:100%}.tabs{width:100%}.toolbar input{width:100%}.caption{padding:10px}footer{display:block}footer span{display:block;margin-top:8px}form{flex-direction:column}.details{padding:0 4px}dialog{padding:20px}}
/* Tema del evento: tierra, musgo y papel */
:root{color:#394536;background:#f2efe6}header{border-color:#d5d0bf}.brand{font-family:'Playfair Display',serif;font-size:36px}.brand span{font-family:'DM Sans',sans-serif;font-size:9px;letter-spacing:1.5px}.hero{gap:40px;padding:48px 0}.hero h1{font-size:clamp(35px,4.5vw,62px);line-height:1.12;letter-spacing:-1px}.hero h1 em{font-size:.65em;font-weight:400;color:#a16f49}.hero h1 span{font-family:'DM Sans',sans-serif;font-size:.49em;letter-spacing:5px;display:inline-block;margin-top:14px;color:#91613e}.hero p{color:#707663}.hero-art{position:relative;flex-shrink:0;width:290px;height:320px;border-radius:48% 48% 8px 8px;background:#e0e3d1;transform:rotate(4deg);overflow:hidden;display:flex;align-items:end;justify-content:center;padding-bottom:28px}.hero-art small{position:relative;z-index:1;color:#566143;font-size:25px}.land-rings{position:absolute;width:205px;height:205px;left:42px;top:27px;border:2px solid #8d9874;border-radius:50%;box-shadow:0 0 0 13px #e0e3d1,0 0 0 15px #aab28d,0 0 0 28px #e0e3d1,0 0 0 30px #bdc3a2}.land-rings:after{content:'';position:absolute;width:2px;height:235px;background:#8d9874;transform:rotate(35deg);left:105px;top:-15px}.badge{background:#e4dac6;color:#796044}.active,form button:not([type]){background:#536143;color:#fff}.chip{background:#e9ecdd;color:#596549}.card{border-color:#dedacb;border-radius:7px}.toolbar{border-color:#d5d0bf}.empty{background:#e5e8d8}footer{border-color:#d5d0bf;letter-spacing:.4px}@media(max-width:900px){.hero-art{width:215px;height:270px}.land-rings{width:150px;height:150px;left:32px}.land-rings:after{left:75px;height:175px}.hero-art small{font-size:21px}}@media(max-width:600px){.brand{font-size:28px}.brand span{font-size:7px;letter-spacing:.5px;max-width:180px}.hero{padding:28px 0;gap:0}.hero h1{font-size:39px}.hero h1 span{letter-spacing:3px}.hero p{font-size:14px}.hero-art{display:none}}
.card img{height:auto;aspect-ratio:4/3;object-fit:cover}