*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#fbf8f1;color:#25170e;font:16px/1.65 Arial,sans-serif}a{text-decoration:none}.navwrap{width:92%;max-width:1160px;margin:auto;min-height:76px;display:flex;align-items:center;gap:25px}.logo{display:flex;align-items:center;justify-content:center;width:235px;height:58px;overflow:hidden;border-radius:8px;background:#100904;box-shadow:0 0 0 1px rgba(240,207,116,.22),0 6px 22px rgba(0,0,0,.35)}
.logo img{width:100%;height:100%;object-fit:contain;object-position:center;display:block}.site-header,header{background:#120b06;position:sticky;top:0;z-index:10;border-bottom:1px solid #4b321c}.menu{display:none;margin-left:auto;background:none;border:0;color:white;font-size:25px}nav{margin-left:auto;display:flex;gap:24px}nav a{color:#eee0d0;font-size:14px}.hero{background:radial-gradient(circle at 70% 35%,#5a3214,#241208 42%,#0d0804 78%);color:white;min-height:650px;display:flex;align-items:center}.hero-inner{width:92%;max-width:1160px;margin:auto;display:grid;grid-template-columns:1.1fr .9fr;gap:50px;align-items:center}.eyebrow{color:#f0cf74;letter-spacing:4px;font-size:12px;font-weight:bold}.eyebrow.dark{color:#82651e}h1,h2,h3{font-family:Georgia,serif;font-weight:500;line-height:1.08}h1{font-size:clamp(48px,7vw,84px);margin:15px 0}h2{font-size:clamp(35px,4vw,58px);margin:10px 0 25px}.intro{font-size:19px;color:#e3d7c8;max-width:650px}.btn{display:inline-flex;align-items:center;justify-content:center;border-radius:30px;padding:13px 24px;margin:15px 8px 0 0;font-weight:bold}.gold{background:linear-gradient(135deg,#f0cf74,#d8a73b);color:#261709}.outline{border:1px solid #ddd;color:#fff}.brand-art{height:480px;position:relative;overflow:hidden;border:1px solid #a77c2c;border-radius:30px;background:#0d0703;box-shadow:0 30px 80px #0008;display:flex;align-items:center;justify-content:center}
.brand-art>img{width:100%;height:100%;object-fit:contain;object-position:center;display:block;filter:saturate(1.04) contrast(1.03)}.brand-caption{position:absolute;left:18px;right:18px;bottom:18px;padding:14px 16px;text-align:center;border:1px solid rgba(240,207,116,.35);border-radius:14px;background:linear-gradient(180deg,rgba(10,5,2,.25),rgba(10,5,2,.88));backdrop-filter:blur(3px)}.brand-caption strong{display:block;color:#f0cf74;font-size:11px;letter-spacing:3px}.brand-caption span{display:block;color:#fff4df;font:16px Georgia,serif;letter-spacing:3px;margin-top:4px}.section{padding:100px 0;width:92%;max-width:1160px;margin:auto}.grid2{display:grid;grid-template-columns:1fr 1fr;gap:70px;align-items:center}.copy{color:#625246;font-size:17px}.lead{font-size:18px;color:#625246}.dark{width:100%;max-width:none;background:#120b06;color:white;padding-left:4%;padding-right:4%}.dark>.center,.dark>.cards,.dark>.steps{max-width:1160px;margin-left:auto;margin-right:auto}.center{text-align:center;max-width:760px;margin-bottom:50px}.cards{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}.cards article,.steps>div{background:#241309;border:1px solid #54351b;border-radius:20px;padding:30px;min-height:230px}.icon{font-size:35px;color:#f0cf74}.cards h3{font-size:24px}.cards p,.steps p{color:#c8bcad}.panel{background:#f0e7d9;padding:40px;border-radius:25px}.panel b{color:#9a7623}.steps{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}.steps b{color:#f0cf74}.market{max-width:none;background:#f2eadf}.market>.grid2{max-width:1160px;margin:auto}form{background:#fff;padding:30px;border-radius:22px;box-shadow:0 20px 50px #2b1b0d18}label{display:block;font-weight:bold;margin-bottom:15px}input,select{width:100%;padding:13px;border:1px solid #d8cdbd;border-radius:9px;margin-top:6px;font:inherit}.check{display:flex;gap:10px;font-weight:normal;font-size:13px}.check input{width:18px}.check span{flex:1}.check a{color:#765b1c}.full{width:100%;border:0}.hp{position:absolute;left:-9999px}.note{padding:18px;background:#fff8eb;border-left:3px solid #d8a73b;color:#6a5848}.cta{width:92%;max-width:1160px;margin:30px auto 80px;padding:45px;border-radius:25px;background:linear-gradient(135deg,#241309,#563016);color:white;display:flex;justify-content:space-between;align-items:center}.cta h2{margin-bottom:5px}.contactbox{background:#f0e7d9;padding:30px;border-radius:22px}footer{background:#0d0804;color:#b9afa2;text-align:center;padding:30px}.darkbtn{background:#120b06;color:#fff}.menu{cursor:pointer}@media(max-width:850px){nav{display:none;position:absolute;top:76px;left:4%;right:4%;background:#120b06;padding:20px;flex-direction:column}.open{display:flex}.menu{display:block}.hero-inner,.grid2{grid-template-columns:1fr}.hero{padding:70px 0}.brand-art{height:350px}.cards,.steps{grid-template-columns:1fr 1fr}}@media(max-width:550px){.section{padding:70px 0}.cards,.steps{grid-template-columns:1fr}.cta{flex-direction:column;align-items:flex-start}.logo{width:190px;height:50px}.hero-inner{width:90%}.brand-art{height:390px}.brand-caption strong{font-size:9px;letter-spacing:2px}.brand-caption span{font-size:13px;letter-spacing:2px}}
/* ===== SISTEMA RESPONSIVE DE IMAGENES CAFFEAMARO ===== */
.image-slot{
    width:100%;
    aspect-ratio:4/3;
    overflow:hidden;
    border-radius:18px;
    background:#160c06;
    display:flex;
    align-items:center;
    justify-content:center;
}
.image-slot img{
    width:100%;
    height:100%;
    object-fit:cover;
    object-position:center;
    display:block;
}
.image-slot.contain img{
    object-fit:contain;
    padding:10px;
}
.product-image{
    width:100%;
    aspect-ratio:1/1;
    overflow:hidden;
    border-radius:18px 18px 0 0;
    background:linear-gradient(145deg,#251309,#0e0703);
}
.product-image img{
    width:100%;
    height:100%;
    object-fit:cover;
    object-position:center;
    display:block;
    transition:transform .35s ease;
}
.product-image:hover img{transform:scale(1.035)}
.image-portrait{
    width:100%;
    aspect-ratio:3/4;
    overflow:hidden;
    border-radius:18px;
}
.image-portrait img{
    width:100%;
    height:100%;
    object-fit:cover;
    object-position:center;
    display:block;
}
@media(max-width:850px){
    .brand-art{height:430px}
}
@media(max-width:550px){
    .logo{width:190px;height:50px}
    .brand-art{height:390px;border-radius:22px}
    .brand-art>img{object-fit:contain}
}