{"product_id":"travel-bag-mycocos®-azul","title":"TRAVEL BAG MyCOCOS® AZUL","description":"\u003cstyle\u003e\n  .mc-case,\n  .mc-case * {\n    box-sizing: border-box;\n  }\n\n  .mc-case {\n    --navy-deep: #041322;\n    --ink: #f6f3ec;\n    --muted: rgba(246, 243, 236, 0.72);\n    --gold: #d2ae36;\n    --line: rgba(246, 243, 236, 0.17);\n    container-type: inline-size;\n    width: 100%;\n    margin: 0 !important;\n    color: var(--ink) !important;\n    background: transparent !important;\n    font-family: Arial, Helvetica, sans-serif;\n    line-height: 1.5;\n    overflow: hidden;\n  }\n\n  .mc-case img {\n    display: block;\n    width: 100%;\n    height: 100%;\n    object-fit: cover;\n  }\n\n  .mc-case h2,\n  .mc-case h3,\n  .mc-case p {\n    margin: 0;\n  }\n\n  .mc-case h2,\n  .mc-case h3 {\n    color: var(--ink) !important;\n    text-wrap: balance;\n  }\n\n  .mc-case p {\n    color: var(--muted) !important;\n  }\n\n  .mc-case__wrap {\n    width: min(1160px, calc(100% - 40px));\n    margin: 0 auto;\n  }\n\n  .mc-case__eyebrow {\n    display: flex;\n    align-items: center;\n    gap: 10px;\n    margin-bottom: 20px;\n    color: var(--gold) !important;\n    font-size: 12px;\n    font-weight: 800;\n    letter-spacing: 0.13em;\n    text-transform: uppercase;\n  }\n\n  .mc-case__eyebrow::after {\n    width: 54px;\n    height: 1px;\n    background: currentColor;\n    content: \"\";\n    opacity: 0.7;\n  }\n\n  \/* HERO: producto y mensaje separados para que ambos respiren *\/\n  .mc-case__hero {\n    display: grid;\n    grid-template-columns: 1fr;\n    gap: 30px;\n    width: min(1160px, calc(100% - 40px));\n    margin: 0 auto;\n    padding: 28px 0 62px;\n  }\n\n  .mc-case__hero-media {\n    min-width: 0;\n    aspect-ratio: 4 \/ 3;\n    overflow: hidden;\n    order: 1;\n  }\n\n  .mc-case__hero-media img {\n    object-position: center;\n  }\n\n  .mc-case__hero-copy {\n    display: flex;\n    flex-direction: column;\n    justify-content: center;\n    min-width: 0;\n    order: 2;\n  }\n\n  .mc-case__hero-copy h2 {\n    max-width: 620px;\n    font-size: clamp(42px, 6.5cqw, 76px);\n    line-height: 0.94;\n    letter-spacing: -0.055em;\n    text-transform: uppercase;\n  }\n\n  .mc-case__hero-copy h2 span,\n  .mc-case__final h2 span {\n    color: var(--gold) !important;\n  }\n\n  .mc-case__hero-copy \u003e p {\n    max-width: 540px;\n    margin-top: 26px;\n    font-size: clamp(17px, 2cqw, 21px);\n  }\n\n  .mc-case__quick {\n    display: flex;\n    flex-wrap: wrap;\n    gap: 10px 18px;\n    margin-top: 30px;\n    padding-top: 20px;\n    border-top: 1px solid var(--line);\n  }\n\n  .mc-case__quick span {\n    color: var(--ink) !important;\n    font-size: 12px;\n    font-weight: 700;\n  }\n\n  \/* Bajada editorial, sin caja *\/\n  .mc-case__intro {\n    position: relative;\n    padding: clamp(78px, 10cqw, 138px) 0;\n    background: transparent;\n  }\n\n  .mc-case__intro .mc-case__wrap {\n    display: grid;\n    gap: 24px;\n  }\n\n  .mc-case__intro h2 {\n    max-width: 800px;\n    font-size: clamp(38px, 6cqw, 68px);\n    line-height: 0.98;\n    letter-spacing: -0.04em;\n    text-transform: uppercase;\n  }\n\n  .mc-case__intro p {\n    max-width: 650px;\n    font-size: clamp(17px, 2cqw, 21px);\n  }\n\n  \/* Historias visuales: foto y texto se tocan, sin tarjetas *\/\n  .mc-case__story {\n    display: grid;\n    grid-template-columns: 1fr;\n    background: transparent;\n  }\n\n  .mc-case__story-media {\n    min-height: 88cqw;\n  }\n\n  .mc-case__story-copy {\n    display: flex;\n    flex-direction: column;\n    justify-content: center;\n    padding: 58px max(20px, calc((100vw - 1160px) \/ 2)) 68px 24px;\n    background: transparent;\n  }\n\n  .mc-case__story-copy h3 {\n    max-width: 560px;\n    font-size: clamp(34px, 5cqw, 64px);\n    line-height: 0.97;\n    letter-spacing: -0.04em;\n    text-transform: uppercase;\n  }\n\n  .mc-case__story-copy \u003e p {\n    max-width: 520px;\n    margin-top: 24px;\n    font-size: clamp(17px, 2cqw, 20px);\n  }\n\n  .mc-case__checks {\n    display: grid;\n    gap: 0;\n    max-width: 560px;\n    margin-top: 32px;\n    border-top: 1px solid var(--line);\n  }\n\n  .mc-case__check {\n    display: flex;\n    align-items: center;\n    gap: 12px;\n    padding: 14px 0;\n    border-bottom: 1px solid var(--line);\n    color: var(--ink) !important;\n    font-size: 15px;\n    font-weight: 700;\n  }\n\n  .mc-case__check i {\n    color: var(--gold) !important;\n    font-size: 18px;\n    font-style: normal;\n    line-height: 1;\n  }\n\n  \/* Beneficios corridos en vez de cuatro recuadros *\/\n  .mc-case__benefits {\n    padding: clamp(76px, 9cqw, 124px) 0;\n    background: transparent;\n  }\n\n  .mc-case__benefits-head {\n    max-width: 850px;\n    margin-bottom: 48px;\n  }\n\n  .mc-case__benefits-head h2 {\n    font-size: clamp(38px, 6cqw, 68px);\n    line-height: 0.98;\n    letter-spacing: -0.04em;\n    text-transform: uppercase;\n  }\n\n  .mc-case__benefits-list {\n    border-top: 1px solid var(--line);\n  }\n\n  .mc-case__benefit {\n    display: grid;\n    grid-template-columns: 44px 1fr;\n    gap: 14px;\n    padding: 24px 0;\n    border-bottom: 1px solid var(--line);\n  }\n\n  .mc-case__benefit-icon {\n    font-size: 25px;\n    line-height: 1;\n  }\n\n  .mc-case__benefit h3 {\n    margin-bottom: 5px;\n    font-size: 17px;\n    text-transform: uppercase;\n  }\n\n  .mc-case__benefit p {\n    font-size: 14px;\n  }\n\n  \/* Cierre fotográfico continuo *\/\n  .mc-case__gallery {\n    display: grid;\n    grid-template-columns: 1fr;\n    background: transparent;\n  }\n\n  .mc-case__gallery-item {\n    position: relative;\n    min-height: 94cqw;\n    overflow: hidden;\n  }\n\n  .mc-case__gallery-item::after {\n    position: absolute;\n    inset: 45% 0 0;\n    background: linear-gradient(0deg, rgba(4, 19, 34, 0.95), transparent);\n    content: \"\";\n  }\n\n  .mc-case__gallery-caption {\n    position: absolute;\n    right: 24px;\n    bottom: 24px;\n    left: 24px;\n    z-index: 1;\n  }\n\n  .mc-case__gallery-caption strong {\n    display: block;\n    margin-bottom: 3px;\n    color: var(--ink) !important;\n    font-size: 16px;\n    text-transform: uppercase;\n  }\n\n  .mc-case__gallery-caption span {\n    color: var(--muted) !important;\n    font-size: 14px;\n  }\n\n  .mc-case__final {\n    padding: clamp(84px, 11cqw, 150px) 20px;\n    text-align: center;\n    background: transparent;\n  }\n\n  .mc-case__final .mc-case__eyebrow {\n    justify-content: center;\n  }\n\n  .mc-case__final .mc-case__eyebrow::after {\n    display: none;\n  }\n\n  .mc-case__final h2 {\n    font-size: clamp(44px, 9cqw, 98px);\n    line-height: 0.9;\n    letter-spacing: -0.05em;\n    text-transform: uppercase;\n  }\n\n  .mc-case__final p {\n    max-width: 650px;\n    margin: 27px auto 0;\n    font-size: clamp(17px, 2cqw, 21px);\n  }\n\n  .mc-case__note {\n    display: block;\n    margin-top: 28px;\n    color: rgba(246, 243, 236, 0.48) !important;\n    font-size: 12px;\n  }\n\n  @container (min-width: 680px) {\n    .mc-case__hero {\n      grid-template-columns: minmax(0, 0.82fr) minmax(0, 1.18fr);\n      align-items: center;\n      gap: clamp(34px, 5cqw, 72px);\n      padding: 60px 0 86px;\n    }\n\n    .mc-case__hero-media {\n      min-height: 520px;\n      aspect-ratio: auto;\n      order: 2;\n    }\n\n    .mc-case__hero-media img {\n      object-position: 58% center;\n    }\n\n    .mc-case__hero-copy {\n      order: 1;\n    }\n  }\n\n  @container (min-width: 760px) {\n    .mc-case__intro .mc-case__wrap {\n      grid-template-columns: minmax(0, 1.15fr) minmax(280px, 0.65fr);\n      align-items: end;\n      gap: 70px;\n    }\n\n    .mc-case__story {\n      grid-template-columns: repeat(2, minmax(0, 1fr));\n      min-height: 680px;\n    }\n\n    .mc-case__story-media {\n      min-height: 680px;\n    }\n\n    .mc-case__story-copy {\n      padding: clamp(58px, 7cqw, 110px);\n    }\n\n    .mc-case__story--reverse .mc-case__story-media {\n      order: 2;\n    }\n\n    .mc-case__story--reverse .mc-case__story-copy {\n      order: 1;\n    }\n\n    .mc-case__benefits-list {\n      display: grid;\n      grid-template-columns: repeat(4, minmax(0, 1fr));\n    }\n\n    .mc-case__benefit {\n      grid-template-columns: 1fr;\n      align-content: start;\n      padding: 30px 26px 28px;\n      border-right: 1px solid var(--line);\n    }\n\n    .mc-case__benefit:first-child {\n      padding-left: 0;\n    }\n\n    .mc-case__benefit:last-child {\n      padding-right: 0;\n      border-right: 0;\n    }\n\n    .mc-case__gallery {\n      grid-template-columns: minmax(0, 1.28fr) minmax(0, 0.72fr);\n      min-height: 670px;\n    }\n\n    .mc-case__gallery-item {\n      min-height: 670px;\n    }\n  }\n\n  @media (max-width: 759px) {\n    .mc-case__hero-copy h2 {\n      font-size: clamp(42px, 10vw, 62px) !important;\n    }\n\n    .mc-case__story-copy h3,\n    .mc-case__benefits-head h2 {\n      font-size: clamp(34px, 10vw, 48px) !important;\n    }\n  }\n\u003c\/style\u003e\n\n\u003csection class=\"mc-case\" aria-label=\"Descripción del Estuche MyCOCOS\"\u003e\n  \u003cdiv class=\"mc-case__hero\"\u003e\n    \u003cdiv class=\"mc-case__hero-media\"\u003e\n      \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0505\/9982\/1502\/files\/estucheazul-01.jpg?v=1790081327\" alt=\"Estuche organizador MyCOCOS azul marino\" loading=\"eager\"\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"mc-case__hero-copy\"\u003e\n      \u003cspan class=\"mc-case__eyebrow\"\u003eEstuche MyCOCOS®\u003c\/span\u003e\n      \u003ch2\u003eTodo en su lugar.\u003cbr\u003e\u003cspan\u003eHasta tus cocos.\u003c\/span\u003e\n\u003c\/h2\u003e\n      \u003cp\u003eEl estuche diseñado para guardar tu rutina completa sin convertir el baño, la mochila o la maleta en un campo de batalla.\u003c\/p\u003e\n      \u003cdiv class=\"mc-case__quick\" aria-label=\"Características principales\"\u003e\n        \u003cspan\u003e🧳 Doble compartimento\u003c\/span\u003e\n        \u003cspan\u003e📦 Gran capacidad\u003c\/span\u003e\n        \u003cspan\u003e💦 Resiste salpicaduras\u003c\/span\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\n  \u003cdiv class=\"mc-case__intro\"\u003e\n    \u003cdiv class=\"mc-case__wrap\"\u003e\n      \u003cdiv\u003e\n        \u003cspan class=\"mc-case__eyebrow\"\u003eOrden sin esfuerzo\u003c\/span\u003e\n        \u003ch2\u003eTu rutina completa, lista para salir\u003c\/h2\u003e\n      \u003c\/div\u003e\n      \u003cp\u003eRasuradoras, repuestos y productos de cuidado: ahora todo viaja junto, protegido y fácil de encontrar. Porque buscar el peine correcto con una toalla puesta no debería ser parte de la rutina. 😅\u003c\/p\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\n  \u003cdiv class=\"mc-case__story\"\u003e\n    \u003cdiv class=\"mc-case__story-media\"\u003e\n      \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0505\/9982\/1502\/files\/estucheazul-02.jpg?v=1790081327\" alt=\"Vista superior del Estuche MyCOCOS con productos de cuidado personal\" loading=\"lazy\"\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"mc-case__story-copy\"\u003e\n      \u003cspan class=\"mc-case__eyebrow\"\u003eEspacio de verdad\u003c\/span\u003e\n      \u003ch3\u003eCabe todo. Y encuentras todo.\u003c\/h3\u003e\n      \u003cp\u003eSu apertura amplia te deja ver y sacar lo que necesitas sin meter la mano a ciegas ni revolver hasta el fondo.\u003c\/p\u003e\n      \u003cdiv class=\"mc-case__checks\"\u003e\n        \u003cdiv class=\"mc-case__check\"\u003e\n\u003ci\u003e✦\u003c\/i\u003e\u003cspan\u003eEspacio para rasuradoras, cabezales y cuidado personal\u003c\/span\u003e\n\u003c\/div\u003e\n        \u003cdiv class=\"mc-case__check\"\u003e\n\u003ci\u003e✦\u003c\/i\u003e\u003cspan\u003eApertura amplia para acceder rápidamente\u003c\/span\u003e\n\u003c\/div\u003e\n        \u003cdiv class=\"mc-case__check\"\u003e\n\u003ci\u003e✦\u003c\/i\u003e\u003cspan\u003eFormato práctico para baño, gimnasio o viaje\u003c\/span\u003e\n\u003c\/div\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\n  \u003cdiv class=\"mc-case__story mc-case__story--reverse\"\u003e\n    \u003cdiv class=\"mc-case__story-media\"\u003e\n      \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0505\/9982\/1502\/files\/estucheazul-05.jpg?v=1790081327\" alt=\"Compartimento inferior del Estuche MyCOCOS abierto\" loading=\"lazy\"\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"mc-case__story-copy\"\u003e\n      \u003cspan class=\"mc-case__eyebrow\"\u003eDos espacios, cero caos\u003c\/span\u003e\n      \u003ch3\u003eSepara lo limpio de lo húmedo\u003c\/h3\u003e\n      \u003cp\u003eEl compartimento inferior se abre por completo y tiene un interior liso: ideal para mantener las cosas separadas y dejarlo impecable después de usarlo.\u003c\/p\u003e\n      \u003cdiv class=\"mc-case__checks\"\u003e\n        \u003cdiv class=\"mc-case__check\"\u003e\n\u003ci\u003e✦\u003c\/i\u003e\u003cspan\u003eCompartimento independiente\u003c\/span\u003e\n\u003c\/div\u003e\n        \u003cdiv class=\"mc-case__check\"\u003e\n\u003ci\u003e✦\u003c\/i\u003e\u003cspan\u003eInterior fácil de limpiar\u003c\/span\u003e\n\u003c\/div\u003e\n        \u003cdiv class=\"mc-case__check\"\u003e\n\u003ci\u003e✦\u003c\/i\u003e\u003cspan\u003eDoble cierre para una apertura cómoda\u003c\/span\u003e\n\u003c\/div\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\n  \u003cdiv class=\"mc-case__benefits\"\u003e\n    \u003cdiv class=\"mc-case__wrap\"\u003e\n      \u003cdiv class=\"mc-case__benefits-head\"\u003e\n        \u003cspan class=\"mc-case__eyebrow\"\u003eHecho para acompañarte\u003c\/span\u003e\n        \u003ch2\u003eOrdenado por fuera.\u003cbr\u003eResuelto por dentro.\u003c\/h2\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"mc-case__benefits-list\"\u003e\n        \u003carticle class=\"mc-case__benefit\"\u003e\n          \u003cspan class=\"mc-case__benefit-icon\" aria-hidden=\"true\"\u003e📦\u003c\/span\u003e\n          \u003cdiv\u003e\n\u003ch3\u003eGran capacidad\u003c\/h3\u003e\n\u003cp\u003eTus esenciales de grooming juntos y siempre a mano.\u003c\/p\u003e\n\u003c\/div\u003e\n        \u003c\/article\u003e\n        \u003carticle class=\"mc-case__benefit\"\u003e\n          \u003cspan class=\"mc-case__benefit-icon\" aria-hidden=\"true\"\u003e💦\u003c\/span\u003e\n          \u003cdiv\u003e\n\u003ch3\u003eResiste salpicaduras\u003c\/h3\u003e\n\u003cp\u003ePreparado para desenvolverse cómodamente en el baño.\u003c\/p\u003e\n\u003c\/div\u003e\n        \u003c\/article\u003e\n        \u003carticle class=\"mc-case__benefit\"\u003e\n          \u003cspan class=\"mc-case__benefit-icon\" aria-hidden=\"true\"\u003e↕️\u003c\/span\u003e\n          \u003cdiv\u003e\n\u003ch3\u003eDoble compartimento\u003c\/h3\u003e\n\u003cp\u003eOrganiza tus productos por tipo, uso o momento de la rutina.\u003c\/p\u003e\n\u003c\/div\u003e\n        \u003c\/article\u003e\n        \u003carticle class=\"mc-case__benefit\"\u003e\n          \u003cspan class=\"mc-case__benefit-icon\" aria-hidden=\"true\"\u003e✈️\u003c\/span\u003e\n          \u003cdiv\u003e\n\u003ch3\u003eListo para viajar\u003c\/h3\u003e\n\u003cp\u003eSu asa lateral hace fácil tomarlo, moverlo y llevarlo contigo.\u003c\/p\u003e\n\u003c\/div\u003e\n        \u003c\/article\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\n  \u003cdiv class=\"mc-case__gallery\"\u003e\n    \u003cdiv class=\"mc-case__gallery-item\"\u003e\n      \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0505\/9982\/1502\/files\/estucheazul-04.jpg?v=1790081327\" alt=\"Exterior azul del Estuche MyCOCOS con gotas de agua\" loading=\"lazy\"\u003e\n      \u003cdiv class=\"mc-case__gallery-caption\"\u003e\n        \u003cstrong\u003e💦 Preparado para el baño\u003c\/strong\u003e\n        \u003cspan\u003eExterior resistente a salpicaduras para acompañar tu rutina diaria.\u003c\/span\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"mc-case__gallery-item\"\u003e\n      \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0505\/9982\/1502\/files\/estucheazul-03.jpg?v=1790081327\" alt=\"Detalle de cierres y logo del Estuche MyCOCOS\" loading=\"lazy\"\u003e\n      \u003cdiv class=\"mc-case__gallery-caption\"\u003e\n        \u003cstrong\u003e👌 Detalles que se notan\u003c\/strong\u003e\n        \u003cspan\u003eDoble cierre, terminaciones cuidadas y sello MyCOCOS®.\u003c\/span\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\n  \u003cdiv class=\"mc-case__final\"\u003e\n    \u003cspan class=\"mc-case__eyebrow\"\u003eEstuche MyCOCOS®\u003c\/span\u003e\n    \u003ch2\u003eMenos desorden.\u003cbr\u003e\u003cspan\u003eMás estilo.\u003c\/span\u003e\n\u003c\/h2\u003e\n    \u003cp\u003eEl compañero perfecto para mantener tu rutina organizada en casa, en el gimnasio o donde te pillen con los cocos fuera. 🥥\u003c\/p\u003e\n    \u003csmall class=\"mc-case__note\"\u003e*Los productos mostrados en las imágenes se venden por separado.\u003c\/small\u003e\n  \u003c\/div\u003e\n\u003c\/section\u003e","brand":"MyCOCOS.CL","offers":[{"title":"Default Title","offer_id":48455881752797,"sku":"MC-22201-AZ-1001","price":35990.0,"currency_code":"CLP","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0505\/9982\/1502\/files\/estucheazul-01.jpg?v=1790081327","url":"https:\/\/mycocos.cl\/products\/travel-bag-mycocos%c2%ae-azul","provider":"MyCOCOS.CL","version":"1.0","type":"link"}