@charset "UTF-8";
:root{--negro:#101313;--turquesa:#48e0ce;--tinta:#182c2a;--gris:#62706e;--linea:#dfe7e5}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:95px}body{margin:0;color:var(--tinta);background:white;font-family:Arial,Helvetica,sans-serif}button,input,select{font:inherit}a{color:inherit;text-decoration:none}button,a,input,select{touch-action:manipulation}button{cursor:pointer}button:disabled{cursor:not-allowed}a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid #087f74;outline-offset:4px}[hidden]{display:none!important}.salto{position:fixed;top:-80px;background:white;padding:15px;z-index:20}.salto:focus{top:8px}.cabecera{background:var(--negro);color:white;padding:25px 6%;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #ffffff20}.marca{font-size:30px;letter-spacing:7px;font-weight:600}.marca span{display:block;font-size:8px;letter-spacing:3px;margin-top:7px}.cabecera nav{display:flex;gap:32px;font-size:13px}.cabecera nav a:hover{color:var(--turquesa)}.portada{background:var(--negro);color:white;display:grid;grid-template-columns:1.1fr 1fr;padding:50px 6% 0;gap:30px}.eyebrow{font-size:11px;letter-spacing:2.5px;font-weight:bold}.portada .eyebrow{color:var(--turquesa)}h1{font-size:clamp(58px,7.5vw,108px);letter-spacing:-5px;line-height:1.02;font-weight:400;margin:28px 0}h1 em{font-family:Georgia,serif;font-weight:400;color:var(--turquesa)}.portada-texto>p:not(.eyebrow){color:#b9c6c4;font-size:15px;line-height:1.8}.boton{display:inline-flex;align-items:center;justify-content:space-between;gap:35px;padding:17px 24px;border:0;font-size:13px;font-weight:bold}.primario{background:var(--turquesa);color:var(--negro);margin-top:23px}.nota-portada{font-size:10px;letter-spacing:3px;margin:46px 0 20px;color:#b9c6c4}.nota-portada span{color:var(--turquesa);margin:0 12px}.foto-portada{min-height:430px;position:relative;display:flex;align-items:center;justify-content:center;background:radial-gradient(ellipse at center,#253a35,#151d1b 65%);overflow:hidden;border-radius:180px 180px 0 0}.foto-portada>img{width:100%;height:100%;position:absolute;object-fit:cover}.foto-portada>p{position:absolute;bottom:24px;text-align:center;font-family:Georgia,serif;font-size:20px;color:#c8d6d0}.foto-portada>p span{display:block;font:9px Arial,sans-serif;letter-spacing:1.5px;margin-top:10px}.arte-portada{position:relative;width:240px;height:260px;transform:rotate(-12deg)}.orbita{width:200px;height:210px;border:2px solid #b9c9b1;border-radius:50%;box-shadow:0 0 28px #9ec9b215,inset 0 0 28px #9ec9b215}.pendiente{position:absolute;width:44px;height:58px;border:2px solid #bacdb6;border-radius:50% 50% 45% 45%;left:100px;top:199px;background:linear-gradient(130deg,#cbd9c2,#425c4e 50%,#97b6a0)}.pie-portada{grid-column:1/-1;display:flex;justify-content:space-between;padding:24px 0;border-top:1px solid #ffffff20;color:#b9c6c4;font-size:11px}.pie-portada span{font-size:9px;letter-spacing:2px}.seccion{padding:70px 6%}.titulo-seccion{display:flex;justify-content:space-between;align-items:center}.eyebrow{color:#47736c}h2{font-size:clamp(28px,3.2vw,43px);font-weight:400;letter-spacing:-1.5px;margin:16px 0 28px}.acento{font-size:54px;color:#149d8b}.modo{border:1px solid var(--linea);background:#f7faf9;padding:20px;display:flex;align-items:center;justify-content:space-between;gap:20px;font-size:13px}.modo p{color:var(--gris);line-height:1.6;margin-bottom:0}.interruptor{display:flex;align-items:center;gap:9px;white-space:nowrap;font-weight:bold}.interruptor input{width:19px;height:19px;accent-color:#078477}.aviso-demo{background:#dff9f4;padding:15px;font-size:12px;line-height:1.6}.filtros{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin:28px 0}.filtros label{display:flex;flex-direction:column;gap:9px;font-size:11px;font-weight:bold}.filtros input,.filtros select{width:100%;min-height:44px;border:1px solid #c4d0cd;background:white;border-radius:0;padding:10px;font-size:13px;color:var(--tinta)}.limpiar{background:none;border:0;text-decoration:underline;font-size:12px;text-align:left;align-self:end;min-height:44px}.resultados{display:flex;justify-content:space-between;align-items:center;border-top:1px solid var(--linea);font-size:12px;margin-top:24px;padding:10px 0}.resultados span{font-size:8px;letter-spacing:1px;color:var(--gris)}.productos{display:grid;grid-template-columns:repeat(3,1fr);gap:28px}.tarjeta{border:0;background:none;padding:0;text-align:left;color:var(--tinta);width:100%;position:relative}.visual{background:#f1f5f3;aspect-ratio:1/1;display:flex;align-items:center;justify-content:center;overflow:hidden}.visual img{width:100%;height:100%;object-fit:cover}.joya{width:46%;height:46%;border:3px solid #9eaf9e;border-radius:50%;box-shadow:3px 5px 9px #445a4520;position:relative}.joya.anillos{width:30%;height:30%;border-width:7px}.joya.aretes{width:21%;height:32%;border-radius:50% 50% 40% 40%;box-shadow:55px 10px 0 -3px #f1f5f3,55px 10px 0 0 #9eaf9e;transform:translateX(-25px)}.joya.collares:after,.joya.sets:after{content:"";position:absolute;width:20%;height:25%;background:#acbdad;bottom:-18%;left:40%;border-radius:50%}.joya.pulseras{height:33%;transform:rotate(-25deg)}.etiqueta{position:absolute;top:12px;left:12px;background:white;padding:7px 9px;font-size:9px;letter-spacing:1px}.tarjeta h3{font-size:16px;font-weight:400;margin:13px 0 8px}.tarjeta .categoria{color:var(--gris);font-size:10px;letter-spacing:1px;margin:15px 0 0}.tarjeta .precio{font-size:14px;display:flex;justify-content:space-between}.tarjeta:hover .visual{background:#e5f0eb}.vacio{text-align:center;background:#f7faf9;padding:45px 20px}.vacio>span{font-size:46px;color:#118d7e}.vacio h3{font:28px Georgia,serif}.vacio p{color:var(--gris);font-size:14px;line-height:1.7}.entregas{background:#e5f7f2;display:grid;grid-template-columns:1fr 1fr;gap:65px}.entregas p{line-height:1.8;font-size:14px}.entregas .eyebrow{font-size:11px}.departamentos{color:#43675e}footer{background:var(--negro);color:white;padding:38px 6%;display:flex;align-items:center;justify-content:space-between;gap:20px}footer p{font:italic 20px Georgia,serif;color:var(--turquesa)}footer>span{font-size:11px;color:#b9c6c4}dialog{width:min(900px,92%);padding:36px;border:0;color:var(--tinta);max-height:90vh;overflow:auto}dialog::backdrop{background:#091b18b5}.cerrar{position:absolute;right:10px;top:6px;font-size:30px;background:none;border:0;width:42px;height:42px;z-index:2}.ficha-grid{display:grid;grid-template-columns:1fr 1fr;gap:30px}.ficha-grid h2{margin-top:15px;font-size:32px}.descripcion{font-size:14px;line-height:1.8;color:var(--gris)}.variantes label{display:block;font-size:12px;margin:20px 0 8px}.variantes select{width:100%;padding:12px;border:1px solid #bccac6;background:white}.consulta{width:100%;margin-top:24px;background:var(--turquesa);border:0;padding:16px;font-weight:bold}.consulta:disabled{background:#e7ecea;color:#51635d}.ayuda{font-size:12px;line-height:1.7}.miniaturas{display:flex;flex-wrap:wrap;gap:8px;margin-top:12px}.miniaturas button{width:60px;height:60px;background:white;border:1px solid #b4c5be;padding:0}.miniaturas img{width:100%;height:100%;object-fit:cover}.sin-js{padding:20px;background:#f5e9c5}body.modal-abierto{overflow:hidden}@media(min-width:1400px){.seccion,.cabecera,.portada,footer{padding-left:calc((100vw - 1232px)/2);padding-right:calc((100vw - 1232px)/2)}}@media(max-width:760px){.cabecera{padding:20px 6%}.marca{font-size:25px}.cabecera nav{gap:18px}.portada{grid-template-columns:1fr;padding-top:30px}h1{font-size:64px;letter-spacing:-3px}.foto-portada{min-height:330px}.nota-portada{margin-top:30px}.pie-portada span{display:none}.seccion{padding:45px 6%}.modo{align-items:flex-start;flex-direction:column}.filtros{grid-template-columns:1fr 1fr}.busqueda{grid-column:1/-1}.productos{grid-template-columns:1fr 1fr;gap:20px 14px}.resultados span{display:none}.entregas{grid-template-columns:1fr;gap:8px}footer{flex-wrap:wrap}footer>span{width:100%}.ficha-grid{grid-template-columns:1fr}dialog{padding:35px 20px}.acento{font-size:35px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}

/* La ficha desplaza solo su contenido: el cierre permanece visible. */
#ficha {
  padding: 0;
  max-height: 90vh;
  max-height: calc(100dvh - 32px);
  overflow: hidden;
}
#ficha[open] {
  display: flex;
  flex-direction: column;
}
.ficha-barra {
  display: flex;
  justify-content: flex-end;
  flex-shrink: 0;
  padding: 8px 14px;
  background: white;
  border-bottom: 1px solid var(--linea);
}
#ficha .cerrar {
  position: static;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  width: auto;
  min-width: 100px;
  height: 48px;
  padding: 0 12px;
  font-size: 14px;
  color: var(--tinta);
}
#ficha .cerrar span { font-size: 30px; }
#ficha-contenido {
  min-height: 0;
  overflow-y: auto;
  overscroll-behavior-y: contain;
  -webkit-overflow-scrolling: touch;
  padding: 24px 36px 36px;
}
.ficha-grid > div { min-width: 0; }
/* Toda la tarjeta es un botón, incluida la imagen, el nombre y el precio. */
.tarjeta {
  display: block;
  min-width: 0;
  min-height: 48px;
  touch-action: manipulation;
}
.tarjeta:active .visual { background: #e5f0eb; }
@media (max-width: 760px) {
  #ficha-contenido { padding: 20px; }
  .ficha-barra { padding-right: 8px; }
}

/* Anuncios originales: conservar visible la fotografía y todo su texto. */
.visual.foto-completa img { object-fit: contain; }

/* Logotipo oficial: proporción original y tamaño independiente del texto de marca. */
.cabecera .marca:has(img) {
  display: block;
  flex: 0 0 auto;
  line-height: 0;
}
.cabecera .marca img {
  display: block;
  width: 110px;
  height: auto;
  max-width: 100%;
  /* Sustituye únicamente el límite de 55px aplicado al cargar el logo. */
  max-height: none !important;
  object-fit: contain;
}
.cabecera:has(.marca img) {
  padding-top: 8px;
  padding-bottom: 8px;
  gap: 20px;
}
.cabecera nav { flex-shrink: 0; }
@media (max-width: 760px) {
  .cabecera .marca img { width: 88px; }
  .cabecera:has(.marca img) { gap: 16px; }
}
@media (max-width: 360px) {
  .cabecera .marca img { width: 80px; }
  .cabecera nav { gap: 12px; }
}

/* Foto de portada completa: sin deformar ni recortar las joyas. */
.foto-portada.portada-con-foto {
  display: block;
  min-height: 0;
  align-self: center;
  min-width: 0;
  border-radius: 0;
  background: var(--negro);
}
.foto-portada.portada-con-foto > img {
  position: static;
  display: block;
  width: 100%;
  height: auto;
  object-fit: contain;
}
@media (max-width: 760px) {
  .foto-portada.portada-con-foto {
    width: 100%;
    max-width: 560px;
    justify-self: center;
  }
}