","clientJsUrl":"https://d2vgjz314jo6a7.cloudfront.net/vapesss/0.7.0/custom-header/client/client.js","cssUrl":"https://d2vgjz314jo6a7.cloudfront.net/vapesss/0.7.0/custom-header/assets/client.css"},{"state":{"context":{"appClientId":"vapesss","version":"0.7.0","imageBuckets":{"au-syd":"https://dfvc2y3mjtc8v.cloudfront.net","us-vir":"https://dhgf5mcbrms62.cloudfront.net","eu-fra":"https://d2gt4h1eeousrn.cloudfront.net"},"globalDesign":"{\"color\":{\"title\":{\"raw\":\"#191919\",\"hex\":\"#191919ff\",\"hsl\":{\"h\":0,\"s\":0,\"l\":0.09803921569,\"a\":1},\"rgba\":{\"r\":25,\"g\":25,\"b\":25,\"a\":1},\"auto\":false},\"body\":{\"raw\":\"#191919\",\"hex\":\"#191919ff\",\"hsl\":{\"h\":0,\"s\":0,\"l\":0.09803921569,\"a\":1},\"rgba\":{\"r\":25,\"g\":25,\"b\":25,\"a\":1},\"auto\":false},\"button\":{\"raw\":\"#191919\",\"hex\":\"#191919ff\",\"hsl\":{\"h\":0,\"s\":0,\"l\":0.09803921569,\"a\":1},\"rgba\":{\"r\":25,\"g\":25,\"b\":25,\"a\":1},\"auto\":false},\"link\":{\"raw\":\"#1A7AC4\",\"hex\":\"#1a7ac4ff\",\"hsl\":{\"h\":206,\"s\":0.76576576577,\"l\":0.43529411765,\"a\":1},\"rgba\":{\"r\":26,\"g\":122,\"b\":196,\"a\":1},\"auto\":false},\"background\":{\"raw\":\"#F9F9F9\",\"hex\":\"#f9f9f9ff\",\"hsl\":{\"h\":0,\"s\":0,\"l\":0.9764705882352941,\"a\":1},\"rgba\":{\"r\":249,\"g\":249,\"b\":249,\"a\":1},\"auto\":false}},\"fontFamily\":{\"title\":\"nunito\",\"body\":\"nunito\"},\"textSize\":{\"title\":48,\"subtitle\":24,\"body\":18},\"buttonSize\":{\"small\":14,\"medium\":16,\"large\":20},\"layout\":{\"maxWidth\":1120,\"tileMargin\":100,\"appearanceEffect\":\"none\"},\"customCss\":\".ins-tile--footer .ins-tile__made-with-inner {\\ndisplay: none;\\n}\\n.ins-control--button .ins-control__text {\\nfont-size: 0;}\\n\\n.ins-control--button .ins-control__text:before {\\nfont-size: 14px;\\ncontent: \\\"Reserve\\\";}\\n\\n.header {\\n position: fixed !important;\\n top: 0 !important;\\n left: 0 !important;\\n width: 100% !important;\\n /* Valor máximo de profundidad para superar al body */\\n z-index: 2147483647 !important; \\n \\n background-color: #FFFFF !important;\\n box-shadow: 0 4px 12px rgba(0,0,0,0.1) !important;\\n}\\n\\n/* 3. Corrección para el logo y menú (por si se quedan transparentes) */\\n.header__main, .header__container {\\n position: relative !important;\\n z-index: 2147483647 !important;\\n}\\n\\n/* 4. Empujamos el contenido hacia abajo para que no se pegue al header */\\nbody {\\n padding-top: 100px !important;\\n}\\n\\n\\n.cart-icon img {\\n /* 1. Forzamos el tamaño para que no sea 0x0 */\\n width: 30px !important;\\n height: 30px !important;\\n display: inline-block;\\n\\n /* 2. Reemplazamos el contenido de la imagen */\\n /* Aquí he cambiado el fill a %23004d71 (que es #004d71) */\\n content: url(\\\"data:image/svg+xml,%3csvg%20width='30'%20height='30'%20viewBox='0%200%2024%2024'%20fill='%23004d71'%20xmlns='http://www.w3.org/2000/svg'%20%3e%3cpath%20d='M18%2023.5H6C3.8%2023.5%202%2021.7%202%2019.5V4.2H22V19.5C22%2021.7%2020.2%2023.5%2018%2023.5ZM3%205.2V19.5C3%2021.2%204.3%2022.5%206%2022.5H18C19.7%2022.5%2021%2021.2%2021%2019.5V5.2H3Z'%20/%3e%3cpath%20d='M12%201C9.7%201%208%202.5%208%204.5C8%204.8%207.8%205%207.5%205C7.2%205%207%204.8%207%204.5C7%201.8%209.3%200%2012%200C14.7%200%2017%201.8%2017%204.5C17%204.8%2016.8%205%2016.5%205C16.2%205%2016%204.8%2016%204.5C16%202.5%2014.3%201%2012%201Z'%20fill-rule='evenodd'%20clip-rule='evenodd'%20/%3e%3cpath%20d='M2%204.18018H22V19.5002C22%2021.7093%2020.2091%2023.5002%2018%2023.5002H6C3.79086%2023.5002%202%2021.7093%202%2019.5002V4.18018Z'%20fill-rule='evenodd'%20clip-rule='evenodd'%20/%3e%3c/svg%3e\\\");\\n}\\n\\n.item-count[data-v-6b6f080b] {\\n font-size: 10px;\\n position: absolute;\\n top: 60%;\\n left: 50%;\\n color: white;\\n}\\n\\n.search-form__input[data-v-c21bc00c] {\\n background-color: #f8f9fa;\\n border: 1px solid #fff;\\n}\\n\\n.search-form__button img {\\n width: 24px !important;\\n height: 24px !important;\\n display: inline-block;\\n\\n /* Hemos inyectado fill='%23495057' */\\n content: url(\\\"data:image/svg+xml,%3csvg%20width='24'%20height='24'%20viewBox='0%200%2024%2024'%20xmlns='http://www.w3.org/2000/svg'%20%3e%3cpath%20d='M16.8333%209.83333C16.8333%205.96667%2013.7%202.86667%209.86667%202.86667C6%202.86667%202.9%206%202.9%209.83333C2.9%2013.7%206.03333%2016.8%209.86667%2016.8C13.7%2016.8333%2016.8333%2013.7%2016.8333%209.83333ZM22%2021.4L21.4%2022L15.0667%2015.6667C13.6667%2016.9%2011.8667%2017.6667%209.83333%2017.6667C5.5%2017.6667%202%2014.1667%202%209.83333C2%205.5%205.5%202%209.83333%202C14.1667%202%2017.6667%205.5%2017.6667%209.83333C17.6667%2011.8333%2016.9%2013.6667%2015.6667%2015.0667L22%2021.4Z'%20fill='%23495057'%20fill-rule='evenodd'%20clip-rule='evenodd'%20/%3e%3c/svg%3e\\\");\\n}\\n\\n.logo-section-image__content[data-v-6060b200] {\\n max-height: 80px;\\n}\\n\\n.logo-section[data-v-6060b200] {\\n max-height: 80px;\\n}\\n\\n.button.solid[data-v-b15b9806] {\\n color: white;\\n}\\n\\n.social-link__icon[alt=\\\"youtube\\\"] {\\n /* 1. Forzamos el tamaño para que coincida con los otros iconos */\\n width: 15px !important;\\n height: 15px !important;\\n display: inline-block;\\n\\n /* 2. Reemplazamos el icono de YouTube por el de TikTok */\\n /* El fill está en blanco (%23ffffff), cámbialo si lo necesitas */\\n content: url(\\\"data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%20448%20512'%20fill='%23ffffff'%3e%3Cpath%20d='M448%20209.91a210.06%20210.06%200%200%201-122.77-39.25V349.38A162.55%20162.55%200%201%201%20185%20188.31V278.2a74.62%2074.62%200%201%200%2052.23%2071.18V0l88%200a121.18%20121.18%200%200%200%201.88%2026.51A120.3%20120.3%200%200%200%20448%20109c0%202.66%200%205.33-.16%208z'/%3e%3C/svg%3e\\\") !important;\\n}\\n\\n.feature-products__item-wrap {\\n border-radius: 20px !important; /* Ajusta el número para más o menos redondeado */\\n overflow: hidden !important; /* ¡IMPORTANTE! Esto obliga a la imagen a cortarse según los bordes redondeados */\\n background-color: #ffffff; /* Asegura que tenga fondo si no lo tiene */\\n display: block;\\n transition: transform 0.3s ease, box-shadow 0.3s ease;\\n}\\n\\n/* Opcional: Redondear específicamente la imagen superior para que encaje perfecto */\\n.feature-products__image, .feature-products__bg img {\\n border-top-left-radius: 20px !important;\\n border-top-right-radius: 20px !important;\\n}\\n\\n/* Opcional: Añadir una sombra suave para que el redondeado luzca mejor */\\n.feature-products__item-wrap:hover {\\n box-shadow: 0px 10px 20px rgba(0,0,0,0.1);\\n transform: translateY(-5px);\\n}\\n\\n.feature-products__subtitle, \\n.feature-products__price {\\n padding-left: 15px !important; \\n}\\n\\n.feature-products__title {\\n padding-left: 15px !important;\\n}\\n\\n.review-card__author {\\n display: flex !important;\\n align-items: center !important;\\n gap: 8px; \\n /* Truco: ponemos el color de la fuente normal para el nombre */\\n color: #F7A396 !important; \\n font-size: 14px !important; \\n visibility: visible !important;\\n}\\n\\n/* 2. El Icono de Perfil (Círculo Rosa) */\\n.review-card__author::before {\\n content: \\\"\\\";\\n display: inline-block;\\n min-width: 32px;\\n height: 32px;\\n background-color: #f29a94;\\n border-radius: 50%;\\n background-image: url(\\\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='white'%3E%3Cpath d='M12 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0 2c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4z'/%3E%3C/svg%3E\\\");\\n background-repeat: no-repeat;\\n background-position: center;\\n background-size: 60%;\\n margin-right: 5px;\\n}\\n\\n/* 3. EL TRUCO PARA OCULTAR SOLO EL GUION (-) */\\n/* Usamos 'first-letter' para apuntar específicamente al guion que inicia el nombre */\\n.review-card__author::first-letter {\\n font-size: 0 !important;\\n color: transparent !important;\\n display: none !important;\\n}\\n\\n\\n.form-control__button.form-control__button--icon-center {\\n background-color: #F7A396 !important; /* Color de fondo */\\n border-color: #F7A396 !important; /* Color del borde si tuviera */\\n color: white !important; /* Color del texto (Reserve) */\\n transition: background-color 0.3s ease;\\n cursor: pointer;\\n border-radius: 100px !important;\\n}\\n\\n/* Para cambiar el color del icono de check (la palomita) */\\n.form-control__button--icon-center .svg-line-check {\\n stroke: white !important; /* Cambiamos el color de la línea a blanco */\\n}\\n\\n/* Efecto al pasar el mouse (opcional pero recomendado) */\\n.form-control__button.form-control__button--icon-center:hover {\\n background-color: #e59286 !important; /* Un tono un poco más oscuro al pasar el mouse */\\n}\\n\\n.product-details__product-title.ec-header-h3 {\\n color: #005979 !important;\\n \\n /* Opcional: Ajustes de estilo adicionales */\\n font-weight: bold; /* Para que resalte más */\\n text-transform: uppercase; /* Mantiene el estilo en mayúsculas */\\n letter-spacing: 1px; /* Le da un aire más elegante y \\\"luxury\\\" */\\n}\\n\\n.details-product-price__value.ec-price-item {\\n color: #39BA9B !important;\\n \\n /* Estilos adicionales para que se vea más profesional */\\n font-weight: bold !important; /* Hace que el precio resalte más */\\n font-size: 1.2em; /* Lo agranda un poco respecto al texto normal */\\n}\\n\\nmain.ins-tiles--main, \\ndiv.ins-tile, \\ndiv.ins-tile__custom-html {\\n /* Eliminamos cualquier restricción de capa */\\n overflow: visible !important;\\n z-index: auto !important;\\n transform: none !important;\\n perspective: none !important;\\n}\\n\\n.details-product-purchase__checkout .form-control__button {\\n position: relative;\\n z-index: 1;\\n background-color: #005979 !important;\\n border-radius: 100px !important;\\n color: white;\\n border: none;\\n animation: sombra-parpadeante 2s infinite;\\n}\\n\\n/* Definición de la animación (se mantiene igual) */\\n@keyframes sombra-parpadeante {\\n 0% {\\n box-shadow: 0 0 0 0 rgba(0, 89, 121, 0.7);\\n }\\n 70% {\\n box-shadow: 0 0 0 15px rgba(0, 89, 121, 0);\\n }\\n 100% {\\n box-shadow: 0 0 0 0 rgba(0, 89, 121, 0);\\n }\\n}\\n\\n\\n@keyframes pulso-zoom {\\n 0% {\\n transform: scale(1);\\n }\\n 50% {\\n transform: scale(1.15); /* Aumenta un 15% */\\n }\\n 100% {\\n transform: scale(1);\\n }\\n}\\n\\n/* Aplicamos la animación al icono de la cesta (la etiqueta 'a') \\n SOLO cuando tiene un hijo llamado .item-count\\n*/\\n.cart-icon a:has(.item-count) {\\n display: inline-block; /* Necesario para que el transform funcione */\\n animation: pulso-zoom 1.5s infinite ease-in-out;\\n}\\n\\n.ec-cart__button--checkout .form-control__button {\\n position: relative !important;\\n z-index: 1 !important;\\n background-color: #005979 !important;\\n border-radius: 100px !important;\\n color: white !important;\\n border: none !important;\\n /* Usamos la animación que ya tienes creada */\\n animation: sombra-parpadeante 2s infinite !important;\\n}\\n\\n/* Aseguramos que el texto sea blanco */\\n.ec-cart__button--checkout .form-control__button-text {\\n color: white !important;\\n}\\n\\n.ec-form__cell--6 .form-control__button {\\n position: relative !important;\\n z-index: 1 !important;\\n background-color: #005979 !important; /* Tu azul */\\n border-radius: 100px !important; /* Estilo píldora */\\n color: white !important;\\n border: none !important;\\n \\n /* Aplicamos la animación existente */\\n animation: sombra-parpadeante 2s infinite !important;\\n}\\n\\n/* Aseguramos que el texto interno sea blanco */\\n.ec-form__cell--6 .form-control__button-text {\\n color: white !important;\\n}\\n\\n.ins-tile--footer .ins-tile__link {\\ncontent: \\\"none\\\";}\",\"sanitizedCustomCss\":\".ins-tile--footer .ins-tile__made-with-inner {\\ndisplay: none;\\n}\\n.ins-control--button .ins-control__text {\\nfont-size: 0;}\\n\\n.ins-control--button .ins-control__text:before {\\nfont-size: 14px;\\ncontent: \\\"Reserve\\\";}\\n\\n.header {\\n position: fixed !important;\\n top: 0 !important;\\n left: 0 !important;\\n width: 100% !important;\\n /* Valor máximo de profundidad para superar al body */\\n z-index: 2147483647 !important; \\n \\n background-color: #FFFFF !important;\\n box-shadow: 0 4px 12px rgba(0,0,0,0.1) !important;\\n}\\n\\n/* 3. Corrección para el logo y menú (por si se quedan transparentes) */\\n.header__main, .header__container {\\n position: relative !important;\\n z-index: 2147483647 !important;\\n}\\n\\n/* 4. Empujamos el contenido hacia abajo para que no se pegue al header */\\nbody {\\n padding-top: 100px !important;\\n}\\n\\n\\n.cart-icon img {\\n /* 1. Forzamos el tamaño para que no sea 0x0 */\\n width: 30px !important;\\n height: 30px !important;\\n display: inline-block;\\n\\n /* 2. Reemplazamos el contenido de la imagen */\\n /* Aquí he cambiado el fill a %23004d71 (que es #004d71) */\\n content: url(\\\"data:image/svg+xml,%3csvg%20width='30'%20height='30'%20viewBox='0%200%2024%2024'%20fill='%23004d71'%20xmlns='http://www.w3.org/2000/svg'%20%3e%3cpath%20d='M18%2023.5H6C3.8%2023.5%202%2021.7%202%2019.5V4.2H22V19.5C22%2021.7%2020.2%2023.5%2018%2023.5ZM3%205.2V19.5C3%2021.2%204.3%2022.5%206%2022.5H18C19.7%2022.5%2021%2021.2%2021%2019.5V5.2H3Z'%20/%3e%3cpath%20d='M12%201C9.7%201%208%202.5%208%204.5C8%204.8%207.8%205%207.5%205C7.2%205%207%204.8%207%204.5C7%201.8%209.3%200%2012%200C14.7%200%2017%201.8%2017%204.5C17%204.8%2016.8%205%2016.5%205C16.2%205%2016%204.8%2016%204.5C16%202.5%2014.3%201%2012%201Z'%20fill-rule='evenodd'%20clip-rule='evenodd'%20/%3e%3cpath%20d='M2%204.18018H22V19.5002C22%2021.7093%2020.2091%2023.5002%2018%2023.5002H6C3.79086%2023.5002%202%2021.7093%202%2019.5002V4.18018Z'%20fill-rule='evenodd'%20clip-rule='evenodd'%20/%3e%3c/svg%3e\\\");\\n}\\n\\n.item-count[data-v-6b6f080b] {\\n font-size: 10px;\\n position: absolute;\\n top: 60%;\\n left: 50%;\\n color: white;\\n}\\n\\n.search-form__input[data-v-c21bc00c] {\\n background-color: #f8f9fa;\\n border: 1px solid #fff;\\n}\\n\\n.search-form__button img {\\n width: 24px !important;\\n height: 24px !important;\\n display: inline-block;\\n\\n /* Hemos inyectado fill='%23495057' */\\n content: url(\\\"data:image/svg+xml,%3csvg%20width='24'%20height='24'%20viewBox='0%200%2024%2024'%20xmlns='http://www.w3.org/2000/svg'%20%3e%3cpath%20d='M16.8333%209.83333C16.8333%205.96667%2013.7%202.86667%209.86667%202.86667C6%202.86667%202.9%206%202.9%209.83333C2.9%2013.7%206.03333%2016.8%209.86667%2016.8C13.7%2016.8333%2016.8333%2013.7%2016.8333%209.83333ZM22%2021.4L21.4%2022L15.0667%2015.6667C13.6667%2016.9%2011.8667%2017.6667%209.83333%2017.6667C5.5%2017.6667%202%2014.1667%202%209.83333C2%205.5%205.5%202%209.83333%202C14.1667%202%2017.6667%205.5%2017.6667%209.83333C17.6667%2011.8333%2016.9%2013.6667%2015.6667%2015.0667L22%2021.4Z'%20fill='%23495057'%20fill-rule='evenodd'%20clip-rule='evenodd'%20/%3e%3c/svg%3e\\\");\\n}\\n\\n.logo-section-image__content[data-v-6060b200] {\\n max-height: 80px;\\n}\\n\\n.logo-section[data-v-6060b200] {\\n max-height: 80px;\\n}\\n\\n.button.solid[data-v-b15b9806] {\\n color: white;\\n}\\n\\n.social-link__icon[alt=\\\"youtube\\\"] {\\n /* 1. Forzamos el tamaño para que coincida con los otros iconos */\\n width: 15px !important;\\n height: 15px !important;\\n display: inline-block;\\n\\n /* 2. Reemplazamos el icono de YouTube por el de TikTok */\\n /* El fill está en blanco (%23ffffff), cámbialo si lo necesitas */\\n content: url(\\\"data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%20448%20512'%20fill='%23ffffff'%3e%3Cpath%20d='M448%20209.91a210.06%20210.06%200%200%201-122.77-39.25V349.38A162.55%20162.55%200%201%201%20185%20188.31V278.2a74.62%2074.62%200%201%200%2052.23%2071.18V0l88%200a121.18%20121.18%200%200%200%201.88%2026.51A120.3%20120.3%200%200%200%20448%20109c0%202.66%200%205.33-.16%208z'/%3e%3C/svg%3e\\\") !important;\\n}\\n\\n.feature-products__item-wrap {\\n border-radius: 20px !important; /* Ajusta el número para más o menos redondeado */\\n overflow: hidden !important; /* ¡IMPORTANTE! Esto obliga a la imagen a cortarse según los bordes redondeados */\\n background-color: #ffffff; /* Asegura que tenga fondo si no lo tiene */\\n display: block;\\n transition: transform 0.3s ease, box-shadow 0.3s ease;\\n}\\n\\n/* Opcional: Redondear específicamente la imagen superior para que encaje perfecto */\\n.feature-products__image, .feature-products__bg img {\\n border-top-left-radius: 20px !important;\\n border-top-right-radius: 20px !important;\\n}\\n\\n/* Opcional: Añadir una sombra suave para que el redondeado luzca mejor */\\n.feature-products__item-wrap:hover {\\n box-shadow: 0px 10px 20px rgba(0,0,0,0.1);\\n transform: translateY(-5px);\\n}\\n\\n.feature-products__subtitle, \\n.feature-products__price {\\n padding-left: 15px !important; \\n}\\n\\n.feature-products__title {\\n padding-left: 15px !important;\\n}\\n\\n.review-card__author {\\n display: flex !important;\\n align-items: center !important;\\n gap: 8px; \\n /* Truco: ponemos el color de la fuente normal para el nombre */\\n color: #F7A396 !important; \\n font-size: 14px !important; \\n visibility: visible !important;\\n}\\n\\n/* 2. El Icono de Perfil (Círculo Rosa) */\\n.review-card__author::before {\\n content: \\\"\\\";\\n display: inline-block;\\n min-width: 32px;\\n height: 32px;\\n background-color: #f29a94;\\n border-radius: 50%;\\n background-image: url(\\\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='white'%3E%3Cpath d='M12 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0 2c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4z'/%3E%3C/svg%3E\\\");\\n background-repeat: no-repeat;\\n background-position: center;\\n background-size: 60%;\\n margin-right: 5px;\\n}\\n\\n/* 3. EL TRUCO PARA OCULTAR SOLO EL GUION (-) */\\n/* Usamos 'first-letter' para apuntar específicamente al guion que inicia el nombre */\\n.review-card__author::first-letter {\\n font-size: 0 !important;\\n color: transparent !important;\\n display: none !important;\\n}\\n\\n\\n.form-control__button.form-control__button--icon-center {\\n background-color: #F7A396 !important; /* Color de fondo */\\n border-color: #F7A396 !important; /* Color del borde si tuviera */\\n color: white !important; /* Color del texto (Reserve) */\\n transition: background-color 0.3s ease;\\n cursor: pointer;\\n border-radius: 100px !important;\\n}\\n\\n/* Para cambiar el color del icono de check (la palomita) */\\n.form-control__button--icon-center .svg-line-check {\\n stroke: white !important; /* Cambiamos el color de la línea a blanco */\\n}\\n\\n/* Efecto al pasar el mouse (opcional pero recomendado) */\\n.form-control__button.form-control__button--icon-center:hover {\\n background-color: #e59286 !important; /* Un tono un poco más oscuro al pasar el mouse */\\n}\\n\\n.product-details__product-title.ec-header-h3 {\\n color: #005979 !important;\\n \\n /* Opcional: Ajustes de estilo adicionales */\\n font-weight: bold; /* Para que resalte más */\\n text-transform: uppercase; /* Mantiene el estilo en mayúsculas */\\n letter-spacing: 1px; /* Le da un aire más elegante y \\\"luxury\\\" */\\n}\\n\\n.details-product-price__value.ec-price-item {\\n color: #39BA9B !important;\\n \\n /* Estilos adicionales para que se vea más profesional */\\n font-weight: bold !important; /* Hace que el precio resalte más */\\n font-size: 1.2em; /* Lo agranda un poco respecto al texto normal */\\n}\\n\\nmain.ins-tiles--main, \\ndiv.ins-tile, \\ndiv.ins-tile__custom-html {\\n /* Eliminamos cualquier restricción de capa */\\n overflow: visible !important;\\n z-index: auto !important;\\n transform: none !important;\\n perspective: none !important;\\n}\\n\\n.details-product-purchase__checkout .form-control__button {\\n position: relative;\\n z-index: 1;\\n background-color: #005979 !important;\\n border-radius: 100px !important;\\n color: white;\\n border: none;\\n animation: sombra-parpadeante 2s infinite;\\n}\\n\\n/* Definición de la animación (se mantiene igual) */\\n@keyframes sombra-parpadeante {\\n 0% {\\n box-shadow: 0 0 0 0 rgba(0, 89, 121, 0.7);\\n }\\n 70% {\\n box-shadow: 0 0 0 15px rgba(0, 89, 121, 0);\\n }\\n 100% {\\n box-shadow: 0 0 0 0 rgba(0, 89, 121, 0);\\n }\\n}\\n\\n\\n@keyframes pulso-zoom {\\n 0% {\\n transform: scale(1);\\n }\\n 50% {\\n transform: scale(1.15); /* Aumenta un 15% */\\n }\\n 100% {\\n transform: scale(1);\\n }\\n}\\n\\n/* Aplicamos la animación al icono de la cesta (la etiqueta 'a') \\n SOLO cuando tiene un hijo llamado .item-count\\n*/\\n.cart-icon a:has(.item-count) {\\n display: inline-block; /* Necesario para que el transform funcione */\\n animation: pulso-zoom 1.5s infinite ease-in-out;\\n}\\n\\n.ec-cart__button--checkout .form-control__button {\\n position: relative !important;\\n z-index: 1 !important;\\n background-color: #005979 !important;\\n border-radius: 100px !important;\\n color: white !important;\\n border: none !important;\\n /* Usamos la animación que ya tienes creada */\\n animation: sombra-parpadeante 2s infinite !important;\\n}\\n\\n/* Aseguramos que el texto sea blanco */\\n.ec-cart__button--checkout .form-control__button-text {\\n color: white !important;\\n}\\n\\n.ec-form__cell--6 .form-control__button {\\n position: relative !important;\\n z-index: 1 !important;\\n background-color: #005979 !important; /* Tu azul */\\n border-radius: 100px !important; /* Estilo píldora */\\n color: white !important;\\n border: none !important;\\n \\n /* Aplicamos la animación existente */\\n animation: sombra-parpadeante 2s infinite !important;\\n}\\n\\n/* Aseguramos que el texto interno sea blanco */\\n.ec-form__cell--6 .form-control__button-text {\\n color: white !important;\\n}\\n\\n.ins-tile--footer .ins-tile__link {\\ncontent: \\\"none\\\";}\",\"sanitizeHash\":\"6a5825a57e7e0baf198c9e77dd135f88\",\"currentTheme\":{\"templateId\":\"template-vapesss_vape\",\"themeId\":\"theme-sport-001\",\"settings\":{\"colorPalette\":{\"colorA\":\"#FFFFFF\",\"colorB\":\"#F3F5F7\",\"colorC\":\"#E7EAEE\",\"colorD\":\"#C7352E\",\"colorE\":\"#2D3136\",\"colorF\":\"#0E0F11\"},\"fonts\":{\"fontPair\":{\"headingFont\":\"dm_sans\",\"headingFontStyle\":\"bold\",\"bodyFont\":\"dm_sans\",\"bodyFontStyle\":\"regular\"},\"general\":{\"heading1\":{\"fontSize\":64},\"heading2\":{\"fontSize\":48},\"heading3\":{\"fontSize\":32},\"heading4\":{\"fontSize\":18},\"body1\":{\"fontSize\":24},\"body2\":{\"fontSize\":18},\"body3\":{\"fontSize\":16},\"body4\":{\"fontSize\":14}}},\"alignment\":\"center\",\"pageLayout\":{\"contentWidth\":1128},\"cornerRadius\":\"sharp\"}}}","compressionEnabled":true,"externalizationEnabled":true,"vueVersion":"^3.5.26","blockId":"example-footer","draft":false},"data":{"content":"{\"first_column_name\":\"\",\"first_column_links\":{\"cards\":[]},\"second_column_name\":\"\",\"second_column_links\":{\"cards\":[]},\"third_column_name\":\"\",\"third_column_links\":{\"cards\":[]},\"social_links\":{\"cards\":[{\"id\":\"0\",\"title\":\"Social Link 1\",\"settings\":{\"platform\":\"instagram\",\"url\":\"https://www.instagram.com/cousins_softplay_llc?igsh=MmluMnFnemhjNDU5\"}},{\"id\":\"1\",\"title\":\"Social Link 2\",\"settings\":{\"platform\":\"facebook\",\"url\":\"http://facebook.com\"}},{\"id\":\"3\",\"title\":\"Social Link 4\",\"settings\":{\"platform\":\"whatsapp\",\"url\":\"https://api.whatsapp.com/send/?phone=15162865879&text=I+would+like+more+information+about+Soft+Play&type=phone_number&app_absent=0\"}},{\"id\":\"4\",\"title\":\"Social Link 5\",\"settings\":{\"platform\":\"youtube\",\"url\":\"https://www.tiktok.com/@cousins_softplayut_llc/video/7254180204980047147?_r=1&_d=secCgYIASAHKAESPgo8lqxJEQE%2BWAbSn4frjU4ieWJSYYBnxQOXMw6fs3QyObyXTLNuq3N6HM%2FJe%2B4ActBTYEdYBQGC4%2FTzoWzzGgA%3D&u_code=e73h9blla3i185&share_item_id=7254180204980047147×tamp=1689005190&utm_campaign=client_share&utm_source=short_fallback&share_app_id=1233\"}}]},\"copyright\":\"All rights reserved. Playland Fiesta — 2025. \",\"supporting_text\":\"\"}","design":"{\"top_background\":{\"background\":{\"type\":\"solid\",\"solid\":{\"color\":{\"auto\":false,\"hex\":\"#004d71ff\",\"hsl\":{\"h\":199.1150442477876,\"s\":1,\"l\":0.22156862745098038,\"a\":1},\"raw\":\"#004d71\",\"rgba\":{\"r\":0,\"g\":77,\"b\":113,\"a\":1}}},\"gradient\":{\"fromColor\":{\"raw\":\"#501872\",\"hex\":\"#501872ff\",\"rgba\":{\"r\":80,\"g\":24,\"b\":114,\"a\":1},\"hsl\":{\"h\":277.3333333333333,\"s\":0.6521739130434782,\"l\":0.2705882352941177,\"a\":1},\"auto\":false},\"toColor\":{\"raw\":\"#501872\",\"hex\":\"#501872ff\",\"rgba\":{\"r\":80,\"g\":24,\"b\":114,\"a\":1},\"hsl\":{\"h\":277.3333333333333,\"s\":0.6521739130434782,\"l\":0.2705882352941177,\"a\":1},\"auto\":false}}}},\"bottom_background\":{\"background\":{\"type\":\"solid\",\"solid\":{\"color\":{\"auto\":false,\"hex\":\"#004d71ff\",\"hsl\":{\"h\":199.1150442477876,\"s\":1,\"l\":0.22156862745098038,\"a\":1},\"raw\":\"#004d71\",\"rgba\":{\"r\":0,\"g\":77,\"b\":113,\"a\":1}}},\"gradient\":{\"fromColor\":{\"raw\":\"#3C1256\",\"hex\":\"#3c1256ff\",\"rgba\":{\"r\":60,\"g\":18,\"b\":86,\"a\":1},\"hsl\":{\"h\":277.0588235294117,\"s\":0.653846153846154,\"l\":0.20392156862745098,\"a\":1},\"auto\":false},\"toColor\":{\"raw\":\"#3C1256\",\"hex\":\"#3c1256ff\",\"rgba\":{\"r\":60,\"g\":18,\"b\":86,\"a\":1},\"hsl\":{\"h\":277.0588235294117,\"s\":0.653846153846154,\"l\":0.20392156862745098,\"a\":1},\"auto\":false}}}},\"title\":{\"font\":\"nunito\",\"size\":12,\"bold\":false,\"italic\":false,\"color\":{\"raw\":\"#FFFFFF\",\"hex\":\"#ffffffff\",\"rgba\":{\"r\":255,\"g\":255,\"b\":255,\"a\":1},\"hsl\":{\"h\":0,\"s\":0,\"l\":1,\"a\":1},\"auto\":false},\"visible\":true},\"link\":{\"font\":\"poppins\",\"size\":16,\"bold\":false,\"italic\":false,\"color\":{\"raw\":\"#FFFFFF\",\"hex\":\"#ffffffff\",\"rgba\":{\"r\":255,\"g\":255,\"b\":255,\"a\":1},\"hsl\":{\"h\":0,\"s\":0,\"l\":1,\"a\":1},\"auto\":false},\"visible\":true},\"description\":{\"font\":\"poppins\",\"size\":16,\"bold\":false,\"italic\":false,\"color\":{\"raw\":\"#FFFFFF\",\"hex\":\"#ffffffff\",\"rgba\":{\"r\":255,\"g\":255,\"b\":255,\"a\":1},\"hsl\":{\"h\":0,\"s\":0,\"l\":1,\"a\":1},\"auto\":false},\"visible\":true},\"layout\":\"CUSTOM_LAYOUT\",\"sanitizeHash\":\"6a5825a57e7e0baf198c9e77dd135f88\"}","defaults":"{\"top_background\":{\"background\":{\"type\":\"solid\",\"solid\":{\"color\":{\"raw\":\"#501872\",\"hex\":\"#501872ff\",\"rgba\":{\"r\":80,\"g\":24,\"b\":114,\"a\":1},\"hsl\":{\"h\":277.3333333333333,\"s\":0.6521739130434782,\"l\":0.2705882352941177,\"a\":1},\"auto\":false}},\"gradient\":{\"fromColor\":{\"raw\":\"#501872\",\"hex\":\"#501872ff\",\"rgba\":{\"r\":80,\"g\":24,\"b\":114,\"a\":1},\"hsl\":{\"h\":277.3333333333333,\"s\":0.6521739130434782,\"l\":0.2705882352941177,\"a\":1},\"auto\":false},\"toColor\":{\"raw\":\"#501872\",\"hex\":\"#501872ff\",\"rgba\":{\"r\":80,\"g\":24,\"b\":114,\"a\":1},\"hsl\":{\"h\":277.3333333333333,\"s\":0.6521739130434782,\"l\":0.2705882352941177,\"a\":1},\"auto\":false}}}},\"bottom_background\":{\"background\":{\"type\":\"solid\",\"solid\":{\"color\":{\"raw\":\"#3C1256\",\"hex\":\"#3c1256ff\",\"rgba\":{\"r\":60,\"g\":18,\"b\":86,\"a\":1},\"hsl\":{\"h\":277.0588235294117,\"s\":0.653846153846154,\"l\":0.20392156862745098,\"a\":1},\"auto\":false}},\"gradient\":{\"fromColor\":{\"raw\":\"#3C1256\",\"hex\":\"#3c1256ff\",\"rgba\":{\"r\":60,\"g\":18,\"b\":86,\"a\":1},\"hsl\":{\"h\":277.0588235294117,\"s\":0.653846153846154,\"l\":0.20392156862745098,\"a\":1},\"auto\":false},\"toColor\":{\"raw\":\"#3C1256\",\"hex\":\"#3c1256ff\",\"rgba\":{\"r\":60,\"g\":18,\"b\":86,\"a\":1},\"hsl\":{\"h\":277.0588235294117,\"s\":0.653846153846154,\"l\":0.20392156862745098,\"a\":1},\"auto\":false}}}},\"title\":{\"font\":\"poppins\",\"size\":12,\"bold\":false,\"italic\":false,\"color\":{\"raw\":\"#FFFFFF\",\"hex\":\"#ffffffff\",\"rgba\":{\"r\":255,\"g\":255,\"b\":255,\"a\":1},\"hsl\":{\"h\":0,\"s\":0,\"l\":1,\"a\":1},\"auto\":false},\"visible\":true},\"link\":{\"font\":\"poppins\",\"size\":14,\"bold\":false,\"italic\":false,\"color\":{\"raw\":\"#FFFFFF\",\"hex\":\"#ffffffff\",\"rgba\":{\"r\":255,\"g\":255,\"b\":255,\"a\":1},\"hsl\":{\"h\":0,\"s\":0,\"l\":1,\"a\":1},\"auto\":false},\"visible\":true},\"description\":{\"font\":\"poppins\",\"size\":12,\"bold\":false,\"italic\":false,\"color\":{\"raw\":\"#FFFFFF\",\"hex\":\"#ffffffff\",\"rgba\":{\"r\":255,\"g\":255,\"b\":255,\"a\":1},\"hsl\":{\"h\":0,\"s\":0,\"l\":1,\"a\":1},\"auto\":false},\"visible\":true}}","tileId":"custom-footer-LjPLQ6","externalContent":"{\"type\":\"FOOTER\",\"site\":{\"languages\":[{\"code\":\"en\",\"description\":\"English\",\"main\":true,\"selected\":true}],\"reportAbuse\":{\"title\":\"Report Abuse\",\"url\":\"mailto:abuse@company.site?subject=Complaint against store: SID 88660276&body=SID 88660276, https://fiestaplayland.com\",\"target\":\"_blank\"},\"madeWith\":{\"url\":\"http://www.ecwid.com?utm_source=instantsite&utm_medium=powered-by-link&utm_campaign=stores\",\"target\":\"_blank\",\"icon\":\"https://vuega.ecwid.com/static/icons/MadeWithIcon.svg\",\"poweredBy\":\"Made with\",\"company\":\"Ecwid by Lightspeed\"},\"madeWithV2\":{\"url\":\"https://lightspeedhq.com?utm_source=instantsite&utm_medium=powered-by-link&utm_campaign=stores\",\"target\":\"_blank\",\"poweredBy\":\"Powered by Lightspeed\"},\"legalPages\":[],\"pages\":[]}}"}},"id":"custom-footer-LjPLQ6","name":"example-footer","html":"","clientJsUrl":"https://d2vgjz314jo6a7.cloudfront.net/vapesss/0.7.0/example-footer/client/client.js","cssUrl":"https://d2vgjz314jo6a7.cloudfront.net/vapesss/0.7.0/example-footer/assets/client.css"}],"slots":[{"state":{"context":{"appClientId":"vapesss","version":"0.7.0","imageBuckets":{"au-syd":"https://dfvc2y3mjtc8v.cloudfront.net","us-vir":"https://dhgf5mcbrms62.cloudfront.net","eu-fra":"https://d2gt4h1eeousrn.cloudfront.net"},"globalDesign":"{\"color\":{\"title\":{\"raw\":\"#191919\",\"hex\":\"#191919ff\",\"hsl\":{\"h\":0,\"s\":0,\"l\":0.09803921569,\"a\":1},\"rgba\":{\"r\":25,\"g\":25,\"b\":25,\"a\":1},\"auto\":false},\"body\":{\"raw\":\"#191919\",\"hex\":\"#191919ff\",\"hsl\":{\"h\":0,\"s\":0,\"l\":0.09803921569,\"a\":1},\"rgba\":{\"r\":25,\"g\":25,\"b\":25,\"a\":1},\"auto\":false},\"button\":{\"raw\":\"#191919\",\"hex\":\"#191919ff\",\"hsl\":{\"h\":0,\"s\":0,\"l\":0.09803921569,\"a\":1},\"rgba\":{\"r\":25,\"g\":25,\"b\":25,\"a\":1},\"auto\":false},\"link\":{\"raw\":\"#1A7AC4\",\"hex\":\"#1a7ac4ff\",\"hsl\":{\"h\":206,\"s\":0.76576576577,\"l\":0.43529411765,\"a\":1},\"rgba\":{\"r\":26,\"g\":122,\"b\":196,\"a\":1},\"auto\":false},\"background\":{\"raw\":\"#F9F9F9\",\"hex\":\"#f9f9f9ff\",\"hsl\":{\"h\":0,\"s\":0,\"l\":0.9764705882352941,\"a\":1},\"rgba\":{\"r\":249,\"g\":249,\"b\":249,\"a\":1},\"auto\":false}},\"fontFamily\":{\"title\":\"nunito\",\"body\":\"nunito\"},\"textSize\":{\"title\":48,\"subtitle\":24,\"body\":18},\"buttonSize\":{\"small\":14,\"medium\":16,\"large\":20},\"layout\":{\"maxWidth\":1120,\"tileMargin\":100,\"appearanceEffect\":\"none\"},\"customCss\":\".ins-tile--footer .ins-tile__made-with-inner {\\ndisplay: none;\\n}\\n.ins-control--button .ins-control__text {\\nfont-size: 0;}\\n\\n.ins-control--button .ins-control__text:before {\\nfont-size: 14px;\\ncontent: \\\"Reserve\\\";}\\n\\n.header {\\n position: fixed !important;\\n top: 0 !important;\\n left: 0 !important;\\n width: 100% !important;\\n /* Valor máximo de profundidad para superar al body */\\n z-index: 2147483647 !important; \\n \\n background-color: #FFFFF !important;\\n box-shadow: 0 4px 12px rgba(0,0,0,0.1) !important;\\n}\\n\\n/* 3. Corrección para el logo y menú (por si se quedan transparentes) */\\n.header__main, .header__container {\\n position: relative !important;\\n z-index: 2147483647 !important;\\n}\\n\\n/* 4. Empujamos el contenido hacia abajo para que no se pegue al header */\\nbody {\\n padding-top: 100px !important;\\n}\\n\\n\\n.cart-icon img {\\n /* 1. Forzamos el tamaño para que no sea 0x0 */\\n width: 30px !important;\\n height: 30px !important;\\n display: inline-block;\\n\\n /* 2. Reemplazamos el contenido de la imagen */\\n /* Aquí he cambiado el fill a %23004d71 (que es #004d71) */\\n content: url(\\\"data:image/svg+xml,%3csvg%20width='30'%20height='30'%20viewBox='0%200%2024%2024'%20fill='%23004d71'%20xmlns='http://www.w3.org/2000/svg'%20%3e%3cpath%20d='M18%2023.5H6C3.8%2023.5%202%2021.7%202%2019.5V4.2H22V19.5C22%2021.7%2020.2%2023.5%2018%2023.5ZM3%205.2V19.5C3%2021.2%204.3%2022.5%206%2022.5H18C19.7%2022.5%2021%2021.2%2021%2019.5V5.2H3Z'%20/%3e%3cpath%20d='M12%201C9.7%201%208%202.5%208%204.5C8%204.8%207.8%205%207.5%205C7.2%205%207%204.8%207%204.5C7%201.8%209.3%200%2012%200C14.7%200%2017%201.8%2017%204.5C17%204.8%2016.8%205%2016.5%205C16.2%205%2016%204.8%2016%204.5C16%202.5%2014.3%201%2012%201Z'%20fill-rule='evenodd'%20clip-rule='evenodd'%20/%3e%3cpath%20d='M2%204.18018H22V19.5002C22%2021.7093%2020.2091%2023.5002%2018%2023.5002H6C3.79086%2023.5002%202%2021.7093%202%2019.5002V4.18018Z'%20fill-rule='evenodd'%20clip-rule='evenodd'%20/%3e%3c/svg%3e\\\");\\n}\\n\\n.item-count[data-v-6b6f080b] {\\n font-size: 10px;\\n position: absolute;\\n top: 60%;\\n left: 50%;\\n color: white;\\n}\\n\\n.search-form__input[data-v-c21bc00c] {\\n background-color: #f8f9fa;\\n border: 1px solid #fff;\\n}\\n\\n.search-form__button img {\\n width: 24px !important;\\n height: 24px !important;\\n display: inline-block;\\n\\n /* Hemos inyectado fill='%23495057' */\\n content: url(\\\"data:image/svg+xml,%3csvg%20width='24'%20height='24'%20viewBox='0%200%2024%2024'%20xmlns='http://www.w3.org/2000/svg'%20%3e%3cpath%20d='M16.8333%209.83333C16.8333%205.96667%2013.7%202.86667%209.86667%202.86667C6%202.86667%202.9%206%202.9%209.83333C2.9%2013.7%206.03333%2016.8%209.86667%2016.8C13.7%2016.8333%2016.8333%2013.7%2016.8333%209.83333ZM22%2021.4L21.4%2022L15.0667%2015.6667C13.6667%2016.9%2011.8667%2017.6667%209.83333%2017.6667C5.5%2017.6667%202%2014.1667%202%209.83333C2%205.5%205.5%202%209.83333%202C14.1667%202%2017.6667%205.5%2017.6667%209.83333C17.6667%2011.8333%2016.9%2013.6667%2015.6667%2015.0667L22%2021.4Z'%20fill='%23495057'%20fill-rule='evenodd'%20clip-rule='evenodd'%20/%3e%3c/svg%3e\\\");\\n}\\n\\n.logo-section-image__content[data-v-6060b200] {\\n max-height: 80px;\\n}\\n\\n.logo-section[data-v-6060b200] {\\n max-height: 80px;\\n}\\n\\n.button.solid[data-v-b15b9806] {\\n color: white;\\n}\\n\\n.social-link__icon[alt=\\\"youtube\\\"] {\\n /* 1. Forzamos el tamaño para que coincida con los otros iconos */\\n width: 15px !important;\\n height: 15px !important;\\n display: inline-block;\\n\\n /* 2. Reemplazamos el icono de YouTube por el de TikTok */\\n /* El fill está en blanco (%23ffffff), cámbialo si lo necesitas */\\n content: url(\\\"data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%20448%20512'%20fill='%23ffffff'%3e%3Cpath%20d='M448%20209.91a210.06%20210.06%200%200%201-122.77-39.25V349.38A162.55%20162.55%200%201%201%20185%20188.31V278.2a74.62%2074.62%200%201%200%2052.23%2071.18V0l88%200a121.18%20121.18%200%200%200%201.88%2026.51A120.3%20120.3%200%200%200%20448%20109c0%202.66%200%205.33-.16%208z'/%3e%3C/svg%3e\\\") !important;\\n}\\n\\n.feature-products__item-wrap {\\n border-radius: 20px !important; /* Ajusta el número para más o menos redondeado */\\n overflow: hidden !important; /* ¡IMPORTANTE! Esto obliga a la imagen a cortarse según los bordes redondeados */\\n background-color: #ffffff; /* Asegura que tenga fondo si no lo tiene */\\n display: block;\\n transition: transform 0.3s ease, box-shadow 0.3s ease;\\n}\\n\\n/* Opcional: Redondear específicamente la imagen superior para que encaje perfecto */\\n.feature-products__image, .feature-products__bg img {\\n border-top-left-radius: 20px !important;\\n border-top-right-radius: 20px !important;\\n}\\n\\n/* Opcional: Añadir una sombra suave para que el redondeado luzca mejor */\\n.feature-products__item-wrap:hover {\\n box-shadow: 0px 10px 20px rgba(0,0,0,0.1);\\n transform: translateY(-5px);\\n}\\n\\n.feature-products__subtitle, \\n.feature-products__price {\\n padding-left: 15px !important; \\n}\\n\\n.feature-products__title {\\n padding-left: 15px !important;\\n}\\n\\n.review-card__author {\\n display: flex !important;\\n align-items: center !important;\\n gap: 8px; \\n /* Truco: ponemos el color de la fuente normal para el nombre */\\n color: #F7A396 !important; \\n font-size: 14px !important; \\n visibility: visible !important;\\n}\\n\\n/* 2. El Icono de Perfil (Círculo Rosa) */\\n.review-card__author::before {\\n content: \\\"\\\";\\n display: inline-block;\\n min-width: 32px;\\n height: 32px;\\n background-color: #f29a94;\\n border-radius: 50%;\\n background-image: url(\\\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='white'%3E%3Cpath d='M12 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0 2c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4z'/%3E%3C/svg%3E\\\");\\n background-repeat: no-repeat;\\n background-position: center;\\n background-size: 60%;\\n margin-right: 5px;\\n}\\n\\n/* 3. EL TRUCO PARA OCULTAR SOLO EL GUION (-) */\\n/* Usamos 'first-letter' para apuntar específicamente al guion que inicia el nombre */\\n.review-card__author::first-letter {\\n font-size: 0 !important;\\n color: transparent !important;\\n display: none !important;\\n}\\n\\n\\n.form-control__button.form-control__button--icon-center {\\n background-color: #F7A396 !important; /* Color de fondo */\\n border-color: #F7A396 !important; /* Color del borde si tuviera */\\n color: white !important; /* Color del texto (Reserve) */\\n transition: background-color 0.3s ease;\\n cursor: pointer;\\n border-radius: 100px !important;\\n}\\n\\n/* Para cambiar el color del icono de check (la palomita) */\\n.form-control__button--icon-center .svg-line-check {\\n stroke: white !important; /* Cambiamos el color de la línea a blanco */\\n}\\n\\n/* Efecto al pasar el mouse (opcional pero recomendado) */\\n.form-control__button.form-control__button--icon-center:hover {\\n background-color: #e59286 !important; /* Un tono un poco más oscuro al pasar el mouse */\\n}\\n\\n.product-details__product-title.ec-header-h3 {\\n color: #005979 !important;\\n \\n /* Opcional: Ajustes de estilo adicionales */\\n font-weight: bold; /* Para que resalte más */\\n text-transform: uppercase; /* Mantiene el estilo en mayúsculas */\\n letter-spacing: 1px; /* Le da un aire más elegante y \\\"luxury\\\" */\\n}\\n\\n.details-product-price__value.ec-price-item {\\n color: #39BA9B !important;\\n \\n /* Estilos adicionales para que se vea más profesional */\\n font-weight: bold !important; /* Hace que el precio resalte más */\\n font-size: 1.2em; /* Lo agranda un poco respecto al texto normal */\\n}\\n\\nmain.ins-tiles--main, \\ndiv.ins-tile, \\ndiv.ins-tile__custom-html {\\n /* Eliminamos cualquier restricción de capa */\\n overflow: visible !important;\\n z-index: auto !important;\\n transform: none !important;\\n perspective: none !important;\\n}\\n\\n.details-product-purchase__checkout .form-control__button {\\n position: relative;\\n z-index: 1;\\n background-color: #005979 !important;\\n border-radius: 100px !important;\\n color: white;\\n border: none;\\n animation: sombra-parpadeante 2s infinite;\\n}\\n\\n/* Definición de la animación (se mantiene igual) */\\n@keyframes sombra-parpadeante {\\n 0% {\\n box-shadow: 0 0 0 0 rgba(0, 89, 121, 0.7);\\n }\\n 70% {\\n box-shadow: 0 0 0 15px rgba(0, 89, 121, 0);\\n }\\n 100% {\\n box-shadow: 0 0 0 0 rgba(0, 89, 121, 0);\\n }\\n}\\n\\n\\n@keyframes pulso-zoom {\\n 0% {\\n transform: scale(1);\\n }\\n 50% {\\n transform: scale(1.15); /* Aumenta un 15% */\\n }\\n 100% {\\n transform: scale(1);\\n }\\n}\\n\\n/* Aplicamos la animación al icono de la cesta (la etiqueta 'a') \\n SOLO cuando tiene un hijo llamado .item-count\\n*/\\n.cart-icon a:has(.item-count) {\\n display: inline-block; /* Necesario para que el transform funcione */\\n animation: pulso-zoom 1.5s infinite ease-in-out;\\n}\\n\\n.ec-cart__button--checkout .form-control__button {\\n position: relative !important;\\n z-index: 1 !important;\\n background-color: #005979 !important;\\n border-radius: 100px !important;\\n color: white !important;\\n border: none !important;\\n /* Usamos la animación que ya tienes creada */\\n animation: sombra-parpadeante 2s infinite !important;\\n}\\n\\n/* Aseguramos que el texto sea blanco */\\n.ec-cart__button--checkout .form-control__button-text {\\n color: white !important;\\n}\\n\\n.ec-form__cell--6 .form-control__button {\\n position: relative !important;\\n z-index: 1 !important;\\n background-color: #005979 !important; /* Tu azul */\\n border-radius: 100px !important; /* Estilo píldora */\\n color: white !important;\\n border: none !important;\\n \\n /* Aplicamos la animación existente */\\n animation: sombra-parpadeante 2s infinite !important;\\n}\\n\\n/* Aseguramos que el texto interno sea blanco */\\n.ec-form__cell--6 .form-control__button-text {\\n color: white !important;\\n}\\n\\n.ins-tile--footer .ins-tile__link {\\ncontent: \\\"none\\\";}\",\"sanitizedCustomCss\":\".ins-tile--footer .ins-tile__made-with-inner {\\ndisplay: none;\\n}\\n.ins-control--button .ins-control__text {\\nfont-size: 0;}\\n\\n.ins-control--button .ins-control__text:before {\\nfont-size: 14px;\\ncontent: \\\"Reserve\\\";}\\n\\n.header {\\n position: fixed !important;\\n top: 0 !important;\\n left: 0 !important;\\n width: 100% !important;\\n /* Valor máximo de profundidad para superar al body */\\n z-index: 2147483647 !important; \\n \\n background-color: #FFFFF !important;\\n box-shadow: 0 4px 12px rgba(0,0,0,0.1) !important;\\n}\\n\\n/* 3. Corrección para el logo y menú (por si se quedan transparentes) */\\n.header__main, .header__container {\\n position: relative !important;\\n z-index: 2147483647 !important;\\n}\\n\\n/* 4. Empujamos el contenido hacia abajo para que no se pegue al header */\\nbody {\\n padding-top: 100px !important;\\n}\\n\\n\\n.cart-icon img {\\n /* 1. Forzamos el tamaño para que no sea 0x0 */\\n width: 30px !important;\\n height: 30px !important;\\n display: inline-block;\\n\\n /* 2. Reemplazamos el contenido de la imagen */\\n /* Aquí he cambiado el fill a %23004d71 (que es #004d71) */\\n content: url(\\\"data:image/svg+xml,%3csvg%20width='30'%20height='30'%20viewBox='0%200%2024%2024'%20fill='%23004d71'%20xmlns='http://www.w3.org/2000/svg'%20%3e%3cpath%20d='M18%2023.5H6C3.8%2023.5%202%2021.7%202%2019.5V4.2H22V19.5C22%2021.7%2020.2%2023.5%2018%2023.5ZM3%205.2V19.5C3%2021.2%204.3%2022.5%206%2022.5H18C19.7%2022.5%2021%2021.2%2021%2019.5V5.2H3Z'%20/%3e%3cpath%20d='M12%201C9.7%201%208%202.5%208%204.5C8%204.8%207.8%205%207.5%205C7.2%205%207%204.8%207%204.5C7%201.8%209.3%200%2012%200C14.7%200%2017%201.8%2017%204.5C17%204.8%2016.8%205%2016.5%205C16.2%205%2016%204.8%2016%204.5C16%202.5%2014.3%201%2012%201Z'%20fill-rule='evenodd'%20clip-rule='evenodd'%20/%3e%3cpath%20d='M2%204.18018H22V19.5002C22%2021.7093%2020.2091%2023.5002%2018%2023.5002H6C3.79086%2023.5002%202%2021.7093%202%2019.5002V4.18018Z'%20fill-rule='evenodd'%20clip-rule='evenodd'%20/%3e%3c/svg%3e\\\");\\n}\\n\\n.item-count[data-v-6b6f080b] {\\n font-size: 10px;\\n position: absolute;\\n top: 60%;\\n left: 50%;\\n color: white;\\n}\\n\\n.search-form__input[data-v-c21bc00c] {\\n background-color: #f8f9fa;\\n border: 1px solid #fff;\\n}\\n\\n.search-form__button img {\\n width: 24px !important;\\n height: 24px !important;\\n display: inline-block;\\n\\n /* Hemos inyectado fill='%23495057' */\\n content: url(\\\"data:image/svg+xml,%3csvg%20width='24'%20height='24'%20viewBox='0%200%2024%2024'%20xmlns='http://www.w3.org/2000/svg'%20%3e%3cpath%20d='M16.8333%209.83333C16.8333%205.96667%2013.7%202.86667%209.86667%202.86667C6%202.86667%202.9%206%202.9%209.83333C2.9%2013.7%206.03333%2016.8%209.86667%2016.8C13.7%2016.8333%2016.8333%2013.7%2016.8333%209.83333ZM22%2021.4L21.4%2022L15.0667%2015.6667C13.6667%2016.9%2011.8667%2017.6667%209.83333%2017.6667C5.5%2017.6667%202%2014.1667%202%209.83333C2%205.5%205.5%202%209.83333%202C14.1667%202%2017.6667%205.5%2017.6667%209.83333C17.6667%2011.8333%2016.9%2013.6667%2015.6667%2015.0667L22%2021.4Z'%20fill='%23495057'%20fill-rule='evenodd'%20clip-rule='evenodd'%20/%3e%3c/svg%3e\\\");\\n}\\n\\n.logo-section-image__content[data-v-6060b200] {\\n max-height: 80px;\\n}\\n\\n.logo-section[data-v-6060b200] {\\n max-height: 80px;\\n}\\n\\n.button.solid[data-v-b15b9806] {\\n color: white;\\n}\\n\\n.social-link__icon[alt=\\\"youtube\\\"] {\\n /* 1. Forzamos el tamaño para que coincida con los otros iconos */\\n width: 15px !important;\\n height: 15px !important;\\n display: inline-block;\\n\\n /* 2. Reemplazamos el icono de YouTube por el de TikTok */\\n /* El fill está en blanco (%23ffffff), cámbialo si lo necesitas */\\n content: url(\\\"data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%20448%20512'%20fill='%23ffffff'%3e%3Cpath%20d='M448%20209.91a210.06%20210.06%200%200%201-122.77-39.25V349.38A162.55%20162.55%200%201%201%20185%20188.31V278.2a74.62%2074.62%200%201%200%2052.23%2071.18V0l88%200a121.18%20121.18%200%200%200%201.88%2026.51A120.3%20120.3%200%200%200%20448%20109c0%202.66%200%205.33-.16%208z'/%3e%3C/svg%3e\\\") !important;\\n}\\n\\n.feature-products__item-wrap {\\n border-radius: 20px !important; /* Ajusta el número para más o menos redondeado */\\n overflow: hidden !important; /* ¡IMPORTANTE! Esto obliga a la imagen a cortarse según los bordes redondeados */\\n background-color: #ffffff; /* Asegura que tenga fondo si no lo tiene */\\n display: block;\\n transition: transform 0.3s ease, box-shadow 0.3s ease;\\n}\\n\\n/* Opcional: Redondear específicamente la imagen superior para que encaje perfecto */\\n.feature-products__image, .feature-products__bg img {\\n border-top-left-radius: 20px !important;\\n border-top-right-radius: 20px !important;\\n}\\n\\n/* Opcional: Añadir una sombra suave para que el redondeado luzca mejor */\\n.feature-products__item-wrap:hover {\\n box-shadow: 0px 10px 20px rgba(0,0,0,0.1);\\n transform: translateY(-5px);\\n}\\n\\n.feature-products__subtitle, \\n.feature-products__price {\\n padding-left: 15px !important; \\n}\\n\\n.feature-products__title {\\n padding-left: 15px !important;\\n}\\n\\n.review-card__author {\\n display: flex !important;\\n align-items: center !important;\\n gap: 8px; \\n /* Truco: ponemos el color de la fuente normal para el nombre */\\n color: #F7A396 !important; \\n font-size: 14px !important; \\n visibility: visible !important;\\n}\\n\\n/* 2. El Icono de Perfil (Círculo Rosa) */\\n.review-card__author::before {\\n content: \\\"\\\";\\n display: inline-block;\\n min-width: 32px;\\n height: 32px;\\n background-color: #f29a94;\\n border-radius: 50%;\\n background-image: url(\\\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='white'%3E%3Cpath d='M12 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0 2c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4z'/%3E%3C/svg%3E\\\");\\n background-repeat: no-repeat;\\n background-position: center;\\n background-size: 60%;\\n margin-right: 5px;\\n}\\n\\n/* 3. EL TRUCO PARA OCULTAR SOLO EL GUION (-) */\\n/* Usamos 'first-letter' para apuntar específicamente al guion que inicia el nombre */\\n.review-card__author::first-letter {\\n font-size: 0 !important;\\n color: transparent !important;\\n display: none !important;\\n}\\n\\n\\n.form-control__button.form-control__button--icon-center {\\n background-color: #F7A396 !important; /* Color de fondo */\\n border-color: #F7A396 !important; /* Color del borde si tuviera */\\n color: white !important; /* Color del texto (Reserve) */\\n transition: background-color 0.3s ease;\\n cursor: pointer;\\n border-radius: 100px !important;\\n}\\n\\n/* Para cambiar el color del icono de check (la palomita) */\\n.form-control__button--icon-center .svg-line-check {\\n stroke: white !important; /* Cambiamos el color de la línea a blanco */\\n}\\n\\n/* Efecto al pasar el mouse (opcional pero recomendado) */\\n.form-control__button.form-control__button--icon-center:hover {\\n background-color: #e59286 !important; /* Un tono un poco más oscuro al pasar el mouse */\\n}\\n\\n.product-details__product-title.ec-header-h3 {\\n color: #005979 !important;\\n \\n /* Opcional: Ajustes de estilo adicionales */\\n font-weight: bold; /* Para que resalte más */\\n text-transform: uppercase; /* Mantiene el estilo en mayúsculas */\\n letter-spacing: 1px; /* Le da un aire más elegante y \\\"luxury\\\" */\\n}\\n\\n.details-product-price__value.ec-price-item {\\n color: #39BA9B !important;\\n \\n /* Estilos adicionales para que se vea más profesional */\\n font-weight: bold !important; /* Hace que el precio resalte más */\\n font-size: 1.2em; /* Lo agranda un poco respecto al texto normal */\\n}\\n\\nmain.ins-tiles--main, \\ndiv.ins-tile, \\ndiv.ins-tile__custom-html {\\n /* Eliminamos cualquier restricción de capa */\\n overflow: visible !important;\\n z-index: auto !important;\\n transform: none !important;\\n perspective: none !important;\\n}\\n\\n.details-product-purchase__checkout .form-control__button {\\n position: relative;\\n z-index: 1;\\n background-color: #005979 !important;\\n border-radius: 100px !important;\\n color: white;\\n border: none;\\n animation: sombra-parpadeante 2s infinite;\\n}\\n\\n/* Definición de la animación (se mantiene igual) */\\n@keyframes sombra-parpadeante {\\n 0% {\\n box-shadow: 0 0 0 0 rgba(0, 89, 121, 0.7);\\n }\\n 70% {\\n box-shadow: 0 0 0 15px rgba(0, 89, 121, 0);\\n }\\n 100% {\\n box-shadow: 0 0 0 0 rgba(0, 89, 121, 0);\\n }\\n}\\n\\n\\n@keyframes pulso-zoom {\\n 0% {\\n transform: scale(1);\\n }\\n 50% {\\n transform: scale(1.15); /* Aumenta un 15% */\\n }\\n 100% {\\n transform: scale(1);\\n }\\n}\\n\\n/* Aplicamos la animación al icono de la cesta (la etiqueta 'a') \\n SOLO cuando tiene un hijo llamado .item-count\\n*/\\n.cart-icon a:has(.item-count) {\\n display: inline-block; /* Necesario para que el transform funcione */\\n animation: pulso-zoom 1.5s infinite ease-in-out;\\n}\\n\\n.ec-cart__button--checkout .form-control__button {\\n position: relative !important;\\n z-index: 1 !important;\\n background-color: #005979 !important;\\n border-radius: 100px !important;\\n color: white !important;\\n border: none !important;\\n /* Usamos la animación que ya tienes creada */\\n animation: sombra-parpadeante 2s infinite !important;\\n}\\n\\n/* Aseguramos que el texto sea blanco */\\n.ec-cart__button--checkout .form-control__button-text {\\n color: white !important;\\n}\\n\\n.ec-form__cell--6 .form-control__button {\\n position: relative !important;\\n z-index: 1 !important;\\n background-color: #005979 !important; /* Tu azul */\\n border-radius: 100px !important; /* Estilo píldora */\\n color: white !important;\\n border: none !important;\\n \\n /* Aplicamos la animación existente */\\n animation: sombra-parpadeante 2s infinite !important;\\n}\\n\\n/* Aseguramos que el texto interno sea blanco */\\n.ec-form__cell--6 .form-control__button-text {\\n color: white !important;\\n}\\n\\n.ins-tile--footer .ins-tile__link {\\ncontent: \\\"none\\\";}\",\"sanitizeHash\":\"6a5825a57e7e0baf198c9e77dd135f88\",\"currentTheme\":{\"templateId\":\"template-vapesss_vape\",\"themeId\":\"theme-sport-001\",\"settings\":{\"colorPalette\":{\"colorA\":\"#FFFFFF\",\"colorB\":\"#F3F5F7\",\"colorC\":\"#E7EAEE\",\"colorD\":\"#C7352E\",\"colorE\":\"#2D3136\",\"colorF\":\"#0E0F11\"},\"fonts\":{\"fontPair\":{\"headingFont\":\"dm_sans\",\"headingFontStyle\":\"bold\",\"bodyFont\":\"dm_sans\",\"bodyFontStyle\":\"regular\"},\"general\":{\"heading1\":{\"fontSize\":64},\"heading2\":{\"fontSize\":48},\"heading3\":{\"fontSize\":32},\"heading4\":{\"fontSize\":18},\"body1\":{\"fontSize\":24},\"body2\":{\"fontSize\":18},\"body3\":{\"fontSize\":16},\"body4\":{\"fontSize\":14}}},\"alignment\":\"center\",\"pageLayout\":{\"contentWidth\":1128},\"cornerRadius\":\"sharp\"}}}","compressionEnabled":true,"externalizationEnabled":true,"vueVersion":"^3.5.26","blockId":"catalog","layoutId":"example-catalog","draft":false,"slotId":"custom-bottom-bar"},"data":{"content":"{}","design":"{}","defaults":"null","slotId":"custom-bottom-bar"}},"id":"custom-bottom-bar","html":"

","clientJsUrl":"https://d2vgjz314jo6a7.cloudfront.net/vapesss/0.7.0/catalog/example-catalog/slots/custom-bottom-bar/client/client.js","cssUrl":"https://d2vgjz314jo6a7.cloudfront.net/vapesss/0.7.0/catalog/example-catalog/slots/custom-bottom-bar/assets/client.css"}]}}

The Yellow One