.elementor-7621 .elementor-element.elementor-element-36e310ea{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--margin-top:-10%;--margin-bottom:0%;--margin-left:0%;--margin-right:0%;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-7621 .elementor-element.elementor-element-460552d3{--display:flex;--min-height:130vh;--justify-content:center;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );box-shadow:0px 0px 3px 0px rgba(0,0,0,0.5);--margin-top:0%;--margin-bottom:0%;--margin-left:0%;--margin-right:0%;--padding-top:0%;--padding-bottom:0%;--padding-left:0%;--padding-right:0%;}.elementor-7621 .elementor-element.elementor-element-460552d3::before, .elementor-7621 .elementor-element.elementor-element-460552d3 > .elementor-background-video-container::before, .elementor-7621 .elementor-element.elementor-element-460552d3 > .e-con-inner > .elementor-background-video-container::before, .elementor-7621 .elementor-element.elementor-element-460552d3 > .elementor-background-slideshow::before, .elementor-7621 .elementor-element.elementor-element-460552d3 > .e-con-inner > .elementor-background-slideshow::before, .elementor-7621 .elementor-element.elementor-element-460552d3 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-color:#FFFFFF;background-image:url("https://topaciojoyeria.com/wp-content/uploads/2026/01/Fondo-Catalogo.png");--background-overlay:'';background-position:center center;background-repeat:no-repeat;background-size:60% auto;}.elementor-7621 .elementor-element.elementor-element-460552d3::before{filter:brightness( 65% ) contrast( 100% ) saturate( 100% ) blur( 0.5px ) hue-rotate( 0deg );}.elementor-7621 .elementor-element.elementor-element-460552d3.e-con{--align-self:center;}.elementor-7621 .elementor-element.elementor-element-30d2dd2 .elementor-heading-title{font-size:8vw;}.elementor-7621 .elementor-element.elementor-element-5bd1bb4c{--display:flex;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-7621 .elementor-element.elementor-element-4165c5d9{--display:flex;--margin-top:3%;--margin-bottom:0%;--margin-left:0%;--margin-right:0%;}.elementor-7621 .elementor-element.elementor-element-4165c5d9.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-7621 .elementor-element.elementor-element-4ad4e9e2{--display:flex;--min-height:5vh;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:flex-start;--align-items:center;box-shadow:0px 0px 3px 0px rgba(87, 87, 87, 0.5);}.elementor-7621 .elementor-element.elementor-element-4ad4e9e2:not(.elementor-motion-effects-element-type-background), .elementor-7621 .elementor-element.elementor-element-4ad4e9e2 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFF;}.elementor-7621 .elementor-element.elementor-element-4ad4e9e2.e-con{--align-self:center;}.elementor-7621 .elementor-element.elementor-element-5857f92{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;}.elementor-7621 .elementor-element.elementor-element-4d3e274c{width:var( --container-widget-width, 20% );max-width:20%;--container-widget-width:20%;--container-widget-flex-grow:0;}.elementor-7621 .elementor-element.elementor-element-4d3e274c.elementor-element{--align-self:flex-start;}.elementor-7621 .elementor-element.elementor-element-7ec5b437{--display:flex;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:flex-start;--align-items:center;--gap:0% 0%;--row-gap:0%;--column-gap:0%;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-7621 .elementor-element.elementor-element-7f19f14e{width:var( --container-widget-width, 100% );max-width:100%;--container-widget-width:100%;--container-widget-flex-grow:0;--e-search-results-columns:1;}.elementor-7621 .elementor-element.elementor-element-7f19f14e > .elementor-widget-container{margin:0% 0% 0% 0%;padding:0% 0% 0% 0%;}.elementor-7621 .elementor-element.elementor-element-7f19f14e.elementor-element{--flex-grow:0;--flex-shrink:0;}.elementor-7621 .elementor-element.elementor-element-4bfdfe3d{--display:flex;}@media(max-width:767px){.elementor-7621 .elementor-element.elementor-element-36e310ea{--margin-top:-30%;--margin-bottom:0%;--margin-left:0%;--margin-right:0%;}.elementor-7621 .elementor-element.elementor-element-460552d3{--min-height:110vh;}.elementor-7621 .elementor-element.elementor-element-460552d3::before, .elementor-7621 .elementor-element.elementor-element-460552d3 > .elementor-background-video-container::before, .elementor-7621 .elementor-element.elementor-element-460552d3 > .e-con-inner > .elementor-background-video-container::before, .elementor-7621 .elementor-element.elementor-element-460552d3 > .elementor-background-slideshow::before, .elementor-7621 .elementor-element.elementor-element-460552d3 > .e-con-inner > .elementor-background-slideshow::before, .elementor-7621 .elementor-element.elementor-element-460552d3 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-size:100% auto;}.elementor-7621 .elementor-element.elementor-element-30d2dd2 .elementor-heading-title{font-size:16vw;}.elementor-7621 .elementor-element.elementor-element-5857f92{--justify-content:center;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-7621 .elementor-element.elementor-element-7ec5b437{--width:95%;}.elementor-7621 .elementor-element.elementor-element-7f19f14e > .elementor-widget-container{margin:0% 0% 5% 0%;}.elementor-7621 .elementor-element.elementor-element-7f19f14e .e-search-input{font-size:3vw;}}@media(min-width:768px){.elementor-7621 .elementor-element.elementor-element-36e310ea{--content-width:100%;}.elementor-7621 .elementor-element.elementor-element-460552d3{--width:100%;}.elementor-7621 .elementor-element.elementor-element-4165c5d9{--width:100%;}.elementor-7621 .elementor-element.elementor-element-4ad4e9e2{--width:100%;}.elementor-7621 .elementor-element.elementor-element-5857f92{--width:100%;}.elementor-7621 .elementor-element.elementor-element-7ec5b437{--width:80%;}}/* Start custom CSS for heading, class: .elementor-element-30d2dd2 */.titulo{
  font-weight: bold;
  text-align: center;
  color: #fff;

  /* Brillo dorado que combina con #fac761 */
  background: linear-gradient(
    90deg,
    #fac761 0%,       /* dorado base */
    #ffe28a 20%,      /* dorado claro */
    #ffffff 30%,      /* destello blanco */
    #fac761 40%,      
    #ffe28a 60%,      
    #ffffff 70%,      /* destello corto */
    #fac761 100%      /* dorado base otra vez */
  );
  background-size: 200% auto;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;

  animation: shine 8s linear infinite; /* lento */
}
 
@keyframes shine {
  to {
    background-position: 200% center;
  }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-4165c5d9 */.BREAD{
    height: 10VH;
}/* End custom CSS */
/* Start custom CSS for search, class: .elementor-element-7f19f14e *//* ===== OPTIMIZACIÓN BUSCADOR TOPACIO ===== */

/* 1. El contenedor principal */
.elementor-widget-search .e-search-form {
    display: flex;
    align-items: center;
    background-color: #ffffff;
    border: 1px solid #e0e0e0;
    border-radius: 50px; /* Forma de píldora más moderna */
    padding: 5px 15px;
    transition: all 0.3s ease;
    box-shadow: 0 2px 8px rgba(0,0,0,0.04);
}

/* 2. Efecto cuando el usuario hace clic para escribir */
.elementor-widget-search .e-search-form:focus-within {
    border-color: #fac761; /* Tu dorado */
    box-shadow: 0 4px 12px rgba(250, 199, 97, 0.15);
}

/* 3. El icono de lupa */
.elementor-widget-search .e-search-label {
    color: #999;
    margin-right: 10px;
    font-size: 14px;
    display: flex;
    align-items: center;
}

.elementor-widget-search .e-search-form:focus-within .e-search-label {
    color: #fac761;
}

/* 4. El campo de texto (Input) */
.elementor-widget-search .e-search-input {
    border: none !important; /* Quitamos bordes internos */
    background: transparent !important;
    padding: 10px 0 !important;
    font-size: 15px;
    color: #333;
    outline: none !important;
    width: 100%;
}

.elementor-widget-search .e-search-input::placeholder {
    color: #bbb;
    font-weight: 300;
}

/* 5. El contenedor de resultados en vivo (AJAX) */
.e-search-results-container {
    border-radius: 12px !important;
    margin-top: 10px;
    border: 1px solid #f0f0f0 !important;
    box-shadow: 0 10px 30px rgba(0,0,0,0.1) !important;
    overflow: hidden;
}

/* 6. Estilo para los productos encontrados en el desplegable */
.e-search-results .e-search-result-item:hover {
    background-color: #fffdf9 !important;
}

/* Animación de carga sutil */
.e-search-results-container.show-loader::after {
    border-top-color: #fac761 !important;
}/* End custom CSS */