*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:#171513;font-family:Arial,Helvetica,sans-serif;background:#fff}.top{height:38px;background:#0b0b0b;color:#fff;padding:0 5%;display:flex;align-items:center;justify-content:space-between;font-size:12px}.toplinks{display:flex;align-items:center;gap:16px}.top a{color:#fff;text-decoration:none}.adminBtn{border:1px solid #c79a4b;padding:6px 12px;color:#e8bd6b!important}header{height:64px;display:flex;align-items:center;justify-content:center;padding:0 4%;background:#fff;position:sticky;top:0;z-index:20;border-bottom:1px solid #eee}header nav{display:flex;gap:42px}header a{color:#111;text-decoration:none;font-size:12px;font-weight:600;letter-spacing:.04em}header a:hover{color:#b48335}#menu{display:none;border:0;background:none;font-size:25px}#cart{position:absolute;right:4%;border:0;background:none;font-size:18px;cursor:pointer}.hero{height:650px;background-color:#080808;background-position:right center;background-size:auto 112%;background-repeat:no-repeat;position:relative;color:#fff;overflow:hidden}.heroText{position:absolute;left:6.2%;top:8%;width:36%;max-width:470px}.heroLogo{width:235px;max-height:115px;object-fit:contain;object-position:left center;display:block;margin-bottom:12px}.hero h1{font:48px/1.02 Georgia,serif;margin:0 0 18px}.heroText i{display:block;width:58px;border-top:3px solid #c79a4b;margin:0 0 18px}.hero p{font-size:14px;letter-spacing:4px;line-height:1.65;margin:0 0 14px}.heroText>a{display:inline-block;border:1px solid #c79a4b;color:#fff;text-decoration:none;padding:16px 22px;margin-top:8px;font-weight:600}.features{display:grid;grid-template-columns:repeat(4,1fr);padding:18px 5%;background:#0b0b0b;color:#fff;border-top:1px solid #555;border-bottom:1px solid #555}.features div{display:flex;align-items:center;justify-content:center;gap:12px;font-size:28px;border-right:1px solid #6b5737}.features div:last-child{border:0}.features span{display:flex;flex-direction:column;font-size:11px}.features small{margin-top:4px;font-size:10px;font-weight:normal}.shop{padding:42px 4% 35px}.shop>h2,.social h2,.meteor h2{text-align:center;font:20px Georgia,serif;letter-spacing:5px}.shop>p,.meteor p{text-align:center;color:#777}.products{display:flex;overflow:auto;gap:14px;padding:20px 0}.product{min-width:270px;background:#0b0b0b;color:#fff;padding-bottom:18px;text-align:center}.product img{width:100%;height:260px;object-fit:cover}.product h3,.product p,.product strong,.product button{margin-left:16px;margin-right:16px}.product p{color:#ddd}.product strong{display:block;margin-bottom:13px}.product button,.try label,#webpay{border:0;background:#111;color:#fff;padding:13px 18px;cursor:pointer}.empty{width:100%;height:150px;background:#f5f3ef;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:15px;color:#111}.try{display:grid;grid-template-columns:31% 49% 20%;background:#f4efe6;min-height:430px}.try>div{padding:42px 9%}.try h2{font:23px Georgia,serif}.try label{display:inline-block;margin:15px 0}.try label input{display:none}.try select{display:block;width:100%;padding:12px}.try small{display:block;color:#777;margin-top:12px}.try figure{margin:0;position:relative;overflow:hidden;background:#d9d9d9;min-height:430px}.try figure #base{display:block;width:100%;height:100%;position:absolute;inset:0;object-fit:cover}.try figure #overlay{display:none;position:absolute;width:28%;left:50%;top:50%;transform:translate(-50%,-50%);z-index:3;object-fit:contain;pointer-events:none;filter:drop-shadow(0 3px 4px rgba(0,0,0,.25))}.tryControls{position:absolute;left:50%;bottom:15px;transform:translateX(-50%);z-index:4;background:rgba(17,17,17,.92);color:#fff;padding:8px 12px;display:flex;align-items:center;gap:10px}.tryControls button{width:34px;height:34px;border:1px solid #c79a4b;background:#111;color:#fff;font-size:20px;cursor:pointer}.try blockquote{display:flex;align-items:center;justify-content:center;text-align:center;font:italic 23px Georgia,serif;margin:0;padding:20px}.meteor{padding:42px}.social{background:#f8f6f2;padding:40px 5%}.social>div{display:flex;justify-content:center;gap:14px;flex-wrap:wrap}.social a{border:1px solid #c79a4b;padding:12px 18px;color:#111;text-decoration:none}footer{background:#0b0b0b;color:#fff;min-height:145px;padding:28px 7%;display:flex;align-items:center;justify-content:space-between;gap:20px}footer em{font-family:Georgia,serif}.row{display:flex;justify-content:space-between;padding:14px 0;border-bottom:1px solid #ddd}#drawer{position:fixed;z-index:50;right:-430px;top:0;width:min(420px,92vw);height:100vh;background:#fff;padding:28px;transition:.3s;box-shadow:-10px 0 40px #0003}#drawer.open{right:0}#drawer>button:first-child{float:right;border:0;background:none;font-size:30px}#drawer h3{display:flex;justify-content:space-between}#webpay{width:100%;font-size:14px}#shade{display:none;position:fixed;inset:0;background:#0008;z-index:40}#shade.open{display:block}
@media(max-width:700px){.top{height:34px;padding:0 3%;font-size:10px}.adminBtn{padding:5px 8px}header{height:66px;justify-content:space-between}#menu{display:block;color:#111}header nav{display:none;position:absolute;top:66px;left:0;right:0;background:#fff;padding:25px;flex-direction:column;box-shadow:0 10px 20px #0002}header nav.open{display:flex}#cart{position:static}.hero{height:720px;background-position:64% top;background-size:cover}.hero:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(0,0,0,.68) 0%,rgba(0,0,0,.25) 36%,rgba(0,0,0,.06) 68%);pointer-events:none}.heroText{z-index:2;left:5%;right:5%;top:2.5%;width:auto;max-width:88%}.heroLogo{width:180px;max-height:80px;margin-bottom:6px}.hero h1{font-size:35px;line-height:1.03;max-width:350px;margin-bottom:12px}.heroText i{margin-bottom:12px;width:48px}.hero p{font-size:11px;letter-spacing:3px;max-width:350px}.heroText>a{padding:12px 15px;font-size:12px}.features{grid-template-columns:1fr 1fr;gap:16px;padding:18px 3%}.features div{border:0;justify-content:flex-start}.try{grid-template-columns:1fr}.try figure{height:430px}.try blockquote{padding:28px}.product{min-width:82vw}footer{flex-direction:column;gap:18px;text-align:center}.shop{padding-left:5%;padding-right:5%}}

/* PAO 19-09-2026 — ajuste exclusivo de portada en computador */
@media (min-width:701px){
  .hero{
    height:min(650px,calc(100vh - 102px));
    min-height:500px;
    background-size:auto 100%;
    background-position:right center;
  }
  .heroText{
    left:max(6.2%,calc((100vw - 1440px)/2 + 70px));
    top:50%;
    width:min(38%,500px);
    max-width:500px;
    transform:translateY(-50%);
  }
  .heroLogo{
    width:210px;
    max-height:100px;
    margin-bottom:10px;
  }
  .hero h1{
    font-size:clamp(38px,3vw,48px);
    line-height:1.03;
    max-width:470px;
  }
  .hero p{max-width:460px;}
}

/* Ajuste final: la fotografía gana ancho hacia la izquierda sin aumentar su altura */
@media (min-width:1100px){
  .hero{
    background-size:auto 100%;
    background-position:calc(100% - 5vw) center;
  }
}
@media (min-width:1500px){
  .hero{
    background-size:auto 100%;
    background-position:calc(100% - 7vw) center;
  }
}
/* =========================================================
   PAO ORFEBRERÍA
   PROPORCIÓN DE ESCRITORIO TIPO LUCERO VENTA GARAGE
   SOLO COMPUTADOR — NO MODIFICA CELULAR
   ========================================================= */

@media (min-width:701px){

  /* Barra superior y navegación centradas */
  .top{
    padding-left:max(5%,calc((100vw - 1180px)/2));
    padding-right:max(5%,calc((100vw - 1180px)/2));
  }

  header{
    padding-left:max(4%,calc((100vw - 1180px)/2));
    padding-right:max(4%,calc((100vw - 1180px)/2));
  }

  #cart{
    right:max(4%,calc((100vw - 1180px)/2));
  }

  /* PORTADA: más compacta, como Venta Garage */
  .hero{
    height:440px;
    min-height:440px;
    background-size:auto 100%;
    background-position:calc(50% + 350px) center;
  }

  .heroText{
    left:max(calc((100vw - 1180px)/2),6%);
    top:50%;
    width:390px;
    max-width:390px;
    transform:translateY(-50%);
  }

  .heroLogo{
    width:165px;
    max-height:78px;
    margin-bottom:8px;
  }

  .hero h1{
    font-size:36px;
    line-height:1.03;
    max-width:390px;
    margin-bottom:14px;
  }

  .heroText i{
    width:48px;
    margin-bottom:14px;
  }

  .hero p{
    font-size:12px;
    letter-spacing:3px;
    max-width:390px;
  }

  .heroText>a{
    padding:12px 17px;
    font-size:12px;
  }

  /* Franja de características */
  .features{
    padding-left:max(5%,calc((100vw - 1180px)/2));
    padding-right:max(5%,calc((100vw - 1180px)/2));
  }

  /* CATÁLOGO: ancho centrado similar a Venta Garage */
  .shop{
    width:calc(100% - 60px);
    max-width:1180px;
    margin-left:auto;
    margin-right:auto;
    padding:36px 0 38px;
  }

  .products{
    display:grid;
    grid-template-columns:repeat(4,minmax(0,1fr));
    gap:16px;
    overflow:visible;
    padding:20px 0;
  }

  .product{
    min-width:0;
    width:100%;
  }

  .product img{
    width:100%;
    height:240px;
    object-fit:cover;
  }

  /* Secciones inferiores centradas */
  .meteor,
  .social{
    padding-left:max(5%,calc((100vw - 1180px)/2));
    padding-right:max(5%,calc((100vw - 1180px)/2));
  }

  footer{
    padding-left:max(7%,calc((100vw - 1180px)/2));
    padding-right:max(7%,calc((100vw - 1180px)/2));
  }
}

/* Ajuste para computadores de menor ancho */
@media (min-width:701px) and (max-width:1240px){

  .shop{
    width:92%;
  }

  .heroText{
    left:6%;
  }

  .product img{
    height:220px;
  }
}
/* =========================================================
   PAO — AJUSTE FINAL PROPORCIONES COMPUTADOR
   21-09-2026
   ========================================================= */

@media (min-width:701px){

  /* Portada: aumenta presencia sin volver a ocupar toda la pantalla */
  .hero{
    height:510px;
    min-height:510px;
    background-size:auto 100%;
    background-position:calc(50% + 385px) center;
  }

  .heroText{
    width:440px;
    max-width:440px;
  }

  .heroLogo{
    width:185px;
    max-height:88px;
  }

  .hero h1{
    font-size:41px;
    line-height:1.03;
    max-width:440px;
  }

  .hero p{
    font-size:13px;
    max-width:430px;
  }

  .heroText>a{
    padding:14px 19px;
    font-size:12px;
  }

  /* Prueba tu joya: misma proporción general del catálogo */
  .try{
    width:calc(100% - 60px);
    max-width:1180px;
    margin-left:auto;
    margin-right:auto;
  }
}

@media (min-width:701px) and (max-width:1240px){

  .hero{
    height:480px;
    min-height:480px;
    background-position:right center;
  }

  .try{
    width:92%;
  }
}
/* PAO — AJUSTE FINAL ANCHO CATÁLOGO Y PRUEBA TU JOYA — PC */
@media (min-width:701px){

  .shop{
    width:calc(100% - 50px);
    max-width:1320px;
  }

  .try{
    width:calc(100% - 50px);
    max-width:1320px;
  }

  .products{
    gap:18px;
  }

  .product img{
    height:255px;
  }
}

@media (min-width:701px) and (max-width:1240px){

  .shop,
  .try{
    width:94%;
  }

  .product img{
    height:235px;
  }
}
/* PAO — AJUSTE FINAL ANCHO CATÁLOGO Y PRUEBA TU JOYA — PC */
@media (min-width:701px){

  .shop{
    width:calc(100% - 50px);
    max-width:1320px;
  }

  .try{
    width:calc(100% - 50px);
    max-width:1320px;
  }

  .products{
    gap:18px;
  }

  .product img{
    height:255px;
  }
}
/* PAO — LOGO MÁS GRANDE EN PORTADA PC */
@media (min-width:701px){
  .heroLogo{
    width:290px;
    max-height:135px;
    margin-bottom:12px;
  }
}