:root {







    color-scheme: light;







    --navy: #14283e;







    --navy-soft: #203951;







    --ink: #192c41;







    --muted: #718096;







    --blue: #2463a9;







    --purple: #7758c9;







    --pink: #f8dce4;







    --cream: #f8f5ef;







    --paper: #ffffff;







    --line: #e9e8e5;







    --shadow: 0 8px 28px rgba(20, 40, 62, .055);







    --radius: 18px;







    --page-width: 1480px;







}















* {







    box-sizing: border-box;







}















html {







    scroll-behavior: smooth;







    scroll-padding-top: 24px;







}















body {







    margin: 0;







    background: #fcfbf9;







    color: var(--ink);







    font-family: "Segoe UI", Arial, sans-serif;







    font-size: 15px;







    line-height: 1.5;







    -webkit-font-smoothing: antialiased;







}















img {







    max-width: 100%;







}















a {







    color: inherit;







}















button,







input {







    font: inherit;







}















button,







a {







    -webkit-tap-highlight-color: transparent;







}















button:focus-visible,







a:focus-visible,







input:focus-visible {







    outline: 3px solid #9c8ae4;







    outline-offset: 3px;







}















.skip-link,







.visually-hidden {







    position: absolute;







    width: 1px;







    height: 1px;







    overflow: hidden;







    clip: rect(0, 0, 0, 0);







    white-space: nowrap;







    clip-path: inset(50%);







}















.skip-link:focus {







    z-index: 1000;







    top: 10px;







    left: 10px;







    width: auto;







    height: auto;







    padding: 10px 16px;







    clip: auto;







    clip-path: none;







    background: white;







    border: 1px solid var(--line);







    border-radius: 8px;







}















/* Cabecera y marca */







.site-header {







    position: relative;







    z-index: 10;







    background: rgba(255, 255, 255, .97);







    border-bottom: 1px solid var(--line);







}















.header-main {







    border-bottom: 1px solid #f0eeeb;







}















.header-main-inner {







    display: grid;







    grid-template-columns: minmax(280px, .95fr) minmax(270px, 1.2fr) auto;







    align-items: center;







    gap: 28px;







    width: min(var(--page-width), calc(100% - 56px));







    min-height: 88px;







    margin: 0 auto;







}















.brand {







    display: inline-flex;







    align-items: center;







    gap: 13px;







    min-width: 0;







    width: fit-content;







    text-decoration: none;







}















.brand-mascot {







    display: block;







    width: 72px;







    height: 64px;







    flex: 0 0 auto;







    object-fit: contain;







}















.brand-copy {







    display: flex;







    flex-direction: column;







    min-width: 0;







    gap: 0;







}















.brand-name {







    color: var(--navy);







    font-size: clamp(1.7rem, 2.2vw, 2.35rem);







    font-weight: 850;







    letter-spacing: -.065em;







    line-height: 1.05;







    white-space: nowrap;







}















.brand-name > span,







.footer-brand strong > span {







    color: var(--purple);







}















.brand-tagline {







    margin-top: 5px;







    color: #5f6e82;







    font-size: .64rem;







    font-weight: 850;







    letter-spacing: .22em;







    line-height: 1.4;







    white-space: nowrap;







}















.site-search {







    display: flex;







    align-items: center;







    min-width: 0;







    height: 54px;







    padding: 4px 5px 4px 16px;







    border: 1px solid #e7e9ef;







    border-radius: 999px;







    background: white;







    box-shadow: 0 4px 15px rgba(20, 40, 62, .045);







}















.search-icon {







    flex: 0 0 auto;







    margin-right: 11px;







    color: var(--navy);







    font-size: 1.5rem;







    line-height: 1;







}















.site-search input {







    width: 100%;







    min-width: 0;







    height: 42px;







    padding: 0 8px 0 0;







    border: 0;







    outline: 0;







    background: transparent;







    color: var(--ink);







    font-size: .85rem;







}















.site-search input::placeholder {







    color: #8490a0;







}















.site-search input:focus-visible {







    outline: 0;







}















.site-search button {







    flex: 0 0 auto;







    min-width: 100px;







    height: 44px;







    border: 0;







    border-radius: 999px;







    background: var(--navy);







    color: white;







    font-weight: 750;







    cursor: pointer;







    transition: background .18s ease, transform .18s ease;







}















.site-search button:hover {







    background: #294763;







    transform: translateY(-1px);







}















.header-actions {







    display: flex;







    align-items: center;







    gap: 22px;







}















.header-action {







    position: relative;







    display: inline-flex;







    align-items: center;







    gap: 8px;







    color: var(--navy);







    font-size: .85rem;







    font-weight: 600;







    text-decoration: none;







    white-space: nowrap;







}















.action-icon {







    font-family: Arial, sans-serif;







    font-size: 1.9rem;







    font-weight: 400;







    line-height: 1;







}















.cart-icon {







    font-size: 1.5rem;







    line-height: 1;







}















.cart-count {







    position: absolute;







    top: -12px;







    left: 16px;







    display: grid;







    place-items: center;







    width: 21px;







    height: 21px;







    border: 2px solid white;







    border-radius: 50%;







    background: #df5264;







    color: white;







    font-size: .66rem;







    font-weight: 800;







}















/* Navegación principal */







.category-nav {







    background: white;







}















.category-nav-inner {







    display: flex;







    align-items: center;







    justify-content: space-between;







    gap: 7px;







    width: min(var(--page-width), calc(100% - 56px));







    min-height: 62px;







    margin: 0 auto;







}















.all-categories,







.category-nav-link {







    display: inline-flex;







    align-items: center;







    justify-content: center;







    gap: 8px;







    min-height: 41px;







    padding: 9px 12px;







    border-radius: 9px;







    color: var(--navy);







    font-size: .82rem;







    font-weight: 650;







    text-decoration: none;







    white-space: nowrap;







    transition: background .18s ease, color .18s ease;







}















.all-categories {







    gap: 10px;







    padding-right: 15px;







    padding-left: 15px;







    background: var(--navy);







    color: white;







}















.all-categories:hover {







    background: #294763;







}















.all-categories > span:first-child {







    font-size: 1.12rem;







}















.category-nav-link:hover {







    background: #f4f2f8;







    color: var(--purple);







}















.category-nav-link[href*="Juguetes"] {







    background: #fff0f2;







}















/* Contenedores y botones */







.wrap {







    width: min(var(--page-width), calc(100% - 56px));







    margin-right: auto;







    margin-left: auto;







}















.section {







    margin-top: 28px;







}















.section-heading {







    display: flex;







    align-items: center;







    justify-content: space-between;







    gap: 20px;







    margin-bottom: 16px;







}















.section-heading h2 {







    margin: 0;







    color: var(--navy);







    font-size: clamp(1.4rem, 2vw, 1.85rem);







    font-weight: 820;







    letter-spacing: -.035em;







}















.text-link {







    display: inline-flex;







    align-items: center;







    justify-content: center;







    gap: 10px;







    min-height: 40px;







    padding: 8px 16px;







    border: 1px solid #bdc8d5;







    border-radius: 999px;







    color: var(--navy);







    font-size: .83rem;







    font-weight: 750;







    text-decoration: none;







    white-space: nowrap;







    transition: background .18s ease, border-color .18s ease;







}















.text-link:hover {







    border-color: var(--navy);







    background: #f4f6f8;







}















.button-primary {







    display: inline-flex;







    align-items: center;







    justify-content: center;







    gap: 14px;







    min-height: 48px;







    padding: 13px 22px;







    border: 1px solid var(--navy);







    border-radius: 999px;







    background: var(--navy);







    color: white;







    font-size: .96rem;







    font-weight: 750;







    text-decoration: none;







    transition: background .18s ease, transform .18s ease;







}















.button-primary:hover {







    transform: translateY(-1px);







    background: #294763;







}















/* Portada */







.home-page {







    padding: 0 0 48px;







}















.home-hero {







    display: grid;







    grid-template-columns: minmax(0, .76fr) minmax(0, 1.24fr);







    align-items: center;







    gap: 20px;







    min-height: 315px;







    overflow: hidden;







    margin-top: 0;







    padding: clamp(28px, 4vw, 58px);







    border: 1px solid #e8e2db;







    border-radius: 18px;







    background:







        radial-gradient(ellipse at 75% 15%, rgba(255,255,255,.92), transparent 35%),







        linear-gradient(115deg, #eae4dc 0%, #f6eee5 42%, #e4e8eb 100%);







}















.hero-copy {







    position: relative;







    z-index: 1;







    max-width: 510px;







}















.eyebrow {







    display: block;







    margin-bottom: 10px;







    color: #556579;







    font-size: .75rem;







    font-weight: 850;







    letter-spacing: .22em;







    text-transform: uppercase;







}















.hero-copy h1 {







    margin: 0;







    color: #152a40;







    font-family: Georgia, "Times New Roman", serif;







    font-size: clamp(2.6rem, 4.6vw, 4.8rem);







    font-weight: 500;







    letter-spacing: -.055em;







    line-height: .99;







}















.hero-copy p {







    max-width: 390px;







    margin: 18px 0 23px;







    color: #31465b;







    font-size: clamp(.95rem, 1.4vw, 1.13rem);







    line-height: 1.6;







}















.hero-media {







    display: flex;







    align-items: center;







    justify-content: center;







    min-width: 0;







    min-height: 230px;







}















.hero-media img {







    display: block;







    width: 100%;







    max-height: 300px;







    object-fit: contain;







    object-position: center;







    filter: drop-shadow(0 14px 17px rgba(31, 42, 52, .09));







}















/* Beneficios de compra */







.service-strip {







    display: grid;







    grid-template-columns: repeat(4, minmax(0, 1fr));







    align-items: center;







    margin-top: 16px;







    padding: 15px 12px;







    border: 1px solid #ece9e5;







    border-radius: 13px;







    background: #fff;







    box-shadow: 0 3px 13px rgba(20, 40, 62, .035);







}















.service-item {







    display: flex;







    align-items: center;







    justify-content: center;







    gap: 13px;







    min-width: 0;







    padding: 0 13px;







}















.service-item + .service-item {







    border-left: 1px solid #e7e9ed;







}















.service-icon {







    display: grid;







    flex: 0 0 auto;







    place-items: center;







    width: 36px;







    height: 36px;







    color: #244f7a;







    font-size: 1.7rem;







}















.service-item strong,







.service-item small {







    display: block;







}















.service-item strong {







    color: var(--navy);







    font-size: .86rem;







    font-weight: 800;







}















.service-item small {







    margin-top: 2px;







    color: #75859b;







    font-size: .79rem;







}















/* Promociones */







.promo-grid {







    display: grid;







    grid-template-columns: repeat(4, minmax(0, 1fr));







    gap: 12px;







    margin-top: 18px;







}















.promo-card {







    position: relative;







    display: flex;







    min-height: 145px;







    align-items: center;







    overflow: hidden;







    padding: 18px 20px;







    border: 1px solid rgba(20, 40, 62, .035);







    border-radius: 12px;







    background: var(--promo-bg, #f0e9e2);







    text-decoration: none;







    isolation: isolate;







    transition: transform .2s ease, box-shadow .2s ease;







}















.promo-card:hover {







    transform: translateY(-2px);







    box-shadow: var(--shadow);







}















.promo-copy {







    position: relative;







    z-index: 2;







    max-width: 58%;







}















.promo-copy h3 {







    margin: 0 0 4px;







    color: var(--navy);







    font-family: Georgia, "Times New Roman", serif;







    font-size: clamp(1.25rem, 1.9vw, 1.65rem);







    font-weight: 600;







    letter-spacing: -.035em;







    line-height: 1.12;







}















.promo-copy p {







    margin: 0 0 11px;







    color: #31465b;







    font-size: .83rem;







    line-height: 1.4;







}















.promo-cta {







    display: inline-flex;







    align-items: center;







    gap: 8px;







    padding: 8px 13px;







    border-radius: 999px;







    background: var(--navy);







    color: white;







    font-size: .72rem;







    font-weight: 800;







}















.promo-image {







    position: absolute;







    z-index: 1;







    right: 0;







    bottom: 0;







    width: 53%;







    height: 100%;







    object-fit: contain;







    object-position: right bottom;







    pointer-events: none;







}















.promo-card.toys {







    --promo-bg: #fae1e7;







}















.promo-card.technology {







    --promo-bg: #e6edf4;







}















.promo-card.fashion {







    --promo-bg: #eee0d1;







}















.promo-card.home {







    --promo-bg: #e8e9de;







}















/* Productos destacados */







.featured-grid {







    display: grid;







    grid-template-columns: repeat(6, minmax(0, 1fr));







    gap: 12px;







}















.product-card {







    display: flex;







    flex-direction: column;







    min-width: 0;







    overflow: hidden;







    border: 1px solid #e9e9e7;







    border-radius: 13px;







    background: white;







    box-shadow: 0 3px 12px rgba(20, 40, 62, .035);







    transition: transform .2s ease, box-shadow .2s ease;







}















.product-card:hover {







    transform: translateY(-3px);







    box-shadow: 0 10px 23px rgba(20, 40, 62, .09);







}















.product-image-link {







    position: relative;







    display: grid;







    place-items: center;







    height: 170px;







    overflow: hidden;







    padding: 10px;







    background: #fff;







    text-decoration: none;







}















.product-image {







    display: block;







    width: 100%;







    height: 100%;







    object-fit: contain;







    transition: transform .25s ease;







}















.product-card:hover .product-image {







    transform: scale(1.035);







}















.product-tag {







    position: absolute;







    top: 10px;







    left: 10px;







    max-width: calc(100% - 20px);







    overflow: hidden;







    padding: 6px 11px;







    border-radius: 999px;







    background: #edf2f8;







    color: #25486a;







    font-size: .66rem;







    font-weight: 850;







    line-height: 1.3;







    text-overflow: ellipsis;







    white-space: nowrap;







}















.product-tag[data-category="Hogar"] {







    background: #f2e5d8;







    color: #865a31;







}















.product-tag[data-category="Moda"] {







    background: #f8dce8;







    color: #a53868;







}















.product-tag[data-category="Tecnología"] {







    background: #e9e2ff;







    color: #6841ba;







}















.product-tag[data-category="Belleza"] {







    background: #ffe0e9;







    color: #b63861;







}















.product-tag[data-category="Deportes"] {







    background: #d9f4ed;







    color: #137f69;







}















.product-tag[data-category="Juguetes"] {







    background: #dcecff;







    color: #1d65b4;







}















.favorite-button {







    display: grid;







    position: absolute;







    top: 9px;







    right: 9px;







    place-items: center;







    width: 30px;







    height: 30px;







    border: 1px solid #ececf0;







    border-radius: 50%;







    background: rgba(255, 255, 255, .94);







    color: var(--navy);







    font-size: 1.15rem;







    text-decoration: none;







}















.favorite-button:hover {







    background: #fff0f3;







    color: #ce4967;







}















.product-info {







    display: flex;







    flex: 1 1 auto;







    flex-direction: column;







    align-items: flex-start;







    padding: 0 12px 12px;







}















.product-name {







    display: block;







    max-width: 100%;







    color: var(--navy);







    font-size: .84rem;







    font-weight: 800;







    line-height: 1.35;







    text-decoration: none;







}















.product-description {







    margin-top: 5px;







    color: #718096;







    font-size: .76rem;







    line-height: 1.4;







}















.product-bottom {







    display: flex;







    width: 100%;







    align-items: center;







    justify-content: space-between;







    gap: 8px;







    margin-top: auto;







    padding-top: 11px;







}















.product-price {







    color: var(--navy);







    font-size: .94rem;







    font-weight: 850;







}















.product-price.pending {







    color: #68778a;







    font-size: .78rem;







    font-weight: 700;







}















.product-open {







    display: grid;







    flex: 0 0 auto;







    place-items: center;







    width: 32px;







    height: 32px;







    border: 1px solid #d9dfe7;







    border-radius: 50%;







    background: white;







    color: var(--navy);







    font-size: 1rem;







    font-weight: 700;







    text-decoration: none;







}















.product-open:hover {







    border-color: var(--navy);







    background: var(--navy);







    color: white;







}















/* Catálogo y fichas */







.catalog-page,







.product-detail-page {







    padding-top: 34px;







    padding-bottom: 60px;







}















.catalog-heading {







    margin-bottom: 23px;







}















.catalog-heading h1,







.detail-heading h1 {







    margin: 0 0 8px;







    color: var(--navy);







    font-size: clamp(2rem, 3vw, 2.8rem);







    font-weight: 850;







    letter-spacing: -.045em;







}















.catalog-heading p,







.detail-description {







    color: var(--muted);







}















.breadcrumbs {







    display: flex;







    flex-wrap: wrap;







    gap: 9px;







    margin: 0 0 20px;







    color: var(--muted);







    font-size: .84rem;







}















.breadcrumbs a {







    color: var(--blue);







    text-decoration: none;







}















.detail-layout {







    display: grid;







    grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);







    gap: 32px;







    padding: clamp(18px, 3vw, 34px);







    border: 1px solid var(--line);







    border-radius: var(--radius);







    background: white;







    box-shadow: var(--shadow);







}















.detail-image {







    display: grid;







    place-items: center;







    min-height: 360px;







    padding: 18px;







    border-radius: 12px;







    background: #faf9f7;







}















.detail-image img {







    display: block;







    width: 100%;







    max-height: 500px;







    object-fit: contain;







}















.detail-copy {







    display: flex;







    flex-direction: column;







    align-items: flex-start;







    padding: 12px 0;







}















.detail-price {







    margin: 20px 0;







    color: var(--navy);







    font-size: 1.65rem;







    font-weight: 850;







}















.detail-features {







    width: 100%;







    margin: 12px 0 20px;







}















.detail-features h2 {







    font-size: 1.1rem;







}















.detail-features li {







    margin: 8px 0;







    color: #526277;







}















.detail-video-placeholder {







    display: flex;







    width: 100%;







    align-items: center;







    gap: 14px;







    margin-top: 12px;







    padding: 18px;







    border: 1px dashed #c7cfda;







    border-radius: 13px;







    background: #fafbfc;







    color: #5a6d82;







}















.detail-video-placeholder strong {







    display: block;







    color: var(--navy);







}















/* Footer */







.site-footer {







    margin-top: 25px;







    border-top: 1px solid #e8e6e1;







    background: #fff;







}















.footer-main,







.footer-bottom {







    display: flex;







    align-items: center;







    justify-content: space-between;







    gap: 22px;







    width: min(var(--page-width), calc(100% - 56px));







    margin: 0 auto;







    padding: 22px 0;







}















.footer-brand {







    display: inline-flex;







    align-items: center;







    gap: 10px;







    text-decoration: none;







}















.footer-brand img {







    display: block;







    object-fit: contain;







}















.footer-brand strong,







.footer-brand small {







    display: block;







}















.footer-brand strong {







    color: var(--navy);







    font-size: 1.1rem;







    font-weight: 850;







}















.footer-brand small {







    margin-top: 3px;







    color: #6a7787;







    font-size: .62rem;







    font-weight: 800;







    letter-spacing: .12em;







}















.footer-main p,







.footer-bottom {







    color: #748194;







    font-size: .8rem;







}















.footer-bottom {







    border-top: 1px solid #f0efec;







    padding-top: 13px;







    padding-bottom: 13px;







}















/* Adaptación a pantallas */







@media (max-width: 1240px) {







    .header-main-inner {







        grid-template-columns: minmax(230px, .85fr) minmax(230px, 1.1fr) auto;







        gap: 15px;







        width: calc(100% - 32px);







    }















    .brand-mascot {







        width: 60px;







    }















    .brand {







        gap: 8px;







    }















    .brand-tagline {







        font-size: .56rem;







        letter-spacing: .14em;







    }















    .header-actions {







        gap: 12px;







    }















    .category-nav-inner,







    .wrap,







    .footer-main,







    .footer-bottom {







        width: calc(100% - 32px);







    }















    .category-nav-inner {







        justify-content: flex-start;







        overflow-x: auto;







    }















    .category-nav-link,







    .all-categories {







        flex: 0 0 auto;







    }















    .featured-grid {







        grid-template-columns: repeat(3, minmax(0, 1fr));







    }







}















@media (max-width: 850px) {







    .header-main-inner {







        grid-template-columns: 1fr auto;







        gap: 12px;







        padding: 12px 0;







    }















    .brand-name {







        font-size: 1.85rem;







    }















    .brand-mascot {







        width: 55px;







        height: 52px;







    }















    .site-search {







        grid-column: 1 / -1;







        grid-row: 2;







        width: 100%;







    }















    .header-actions {







        justify-content: flex-end;







    }















    .header-action {







        font-size: .76rem;







    }















    .category-nav-inner {







        min-height: 54px;







    }















    .home-hero {







        grid-template-columns: 1fr;







        gap: 10px;







        padding: 28px;







    }















    .hero-copy {







        max-width: 620px;







    }















    .hero-media {







        min-height: 175px;







    }















    .hero-media img {







        max-height: 210px;







    }















    .service-strip {







        grid-template-columns: repeat(2, minmax(0, 1fr));







        gap: 14px 0;







    }















    .service-item:nth-child(3) {







        border-left: 0;







    }















    .promo-grid {







        grid-template-columns: repeat(2, minmax(0, 1fr));







    }















    .detail-layout {







        grid-template-columns: 1fr;







    }







}















@media (max-width: 520px) {







    .header-main-inner,







    .category-nav-inner,







    .wrap,







    .footer-main,







    .footer-bottom {







        width: calc(100% - 24px);







    }















    .brand-mascot {







        width: 44px;







        height: 44px;







    }















    .brand-name {







        font-size: 1.55rem;







    }















    .brand-tagline {







        font-size: .48rem;







        letter-spacing: .09em;







    }















    .header-actions {







        gap: 8px;







    }















    .header-action {







        gap: 3px;







        font-size: .69rem;







    }















    .action-icon {







        font-size: 1.4rem;







    }















    .cart-icon {







        font-size: 1.2rem;







    }















    .site-search {







        height: 48px;







    }















    .site-search button {







        min-width: 72px;







        height: 38px;







        font-size: .8rem;







    }















    .home-hero {







        min-height: 0;







        padding: 23px 20px;







        border-radius: 13px;







    }















    .hero-copy h1 {







        font-size: clamp(2.5rem, 12vw, 3.6rem);







    }















    .hero-copy p {







        margin: 14px 0 19px;







    }















    .hero-media {







        min-height: 130px;







    }















    .hero-media img {







        max-height: 155px;







    }















    .service-strip {







        gap: 14px 0;







        padding: 12px 4px;







    }















    .service-item {







        align-items: flex-start;







        gap: 7px;







        padding: 0 7px;







    }















    .service-icon {







        width: 26px;







        height: 29px;







        font-size: 1.3rem;







    }















    .service-item strong {







        font-size: .75rem;







    }















    .service-item small {







        font-size: .69rem;







    }















    .promo-grid {







        gap: 8px;







    }















    .promo-card {







        min-height: 130px;







        padding: 12px;







    }















    .promo-copy {







        max-width: 70%;







    }















    .promo-copy h3 {







        font-size: 1.17rem;







    }















    .promo-copy p {







        font-size: .75rem;







    }















    .promo-cta {







        padding: 7px 9px;







        font-size: .66rem;







    }















    .promo-image {







        width: 48%;







    }















    .section-heading {







        align-items: flex-start;







        flex-direction: column;







        gap: 10px;







    }















    .featured-grid {







        grid-template-columns: repeat(2, minmax(0, 1fr));







        gap: 9px;







    }















    .product-image-link {







        height: 150px;







    }















    .product-info {







        padding: 0 10px 10px;







    }















    .product-name {







        font-size: .8rem;







    }















    .product-description {







        font-size: .72rem;







    }















    .footer-main,







    .footer-bottom {







        align-items: flex-start;







        flex-direction: column;







        gap: 10px;







    }







}















/* DANGOGIFTS CATALOGO Y FICHA V1 */















.catalog-search {







    display: flex;







    align-items: center;







    gap: 10px;







    max-width: 780px;







    margin: 22px 0;







    padding: 6px;







    border: 1px solid #e2e5e9;







    border-radius: 999px;







    background: #fff;







    box-shadow: 0 4px 16px rgba(20, 40, 62, .04);







}















.catalog-search input {







    flex: 1;







    width: 100%;







    min-width: 0;







    height: 43px;







    padding: 0 16px;







    border: 0;







    outline: 0;







    background: transparent;







    color: var(--ink);







}















.catalog-search input:focus-visible {







    outline: 0;







}















.catalog-search button {







    flex: 0 0 auto;







    min-height: 43px;







    padding: 0 19px;







    border: 0;







    border-radius: 999px;







    background: var(--navy);







    color: white;







    font-weight: 750;







    cursor: pointer;







}















.catalog-search button:hover {







    background: #294763;







}















.catalog-filters {







    display: flex;







    flex-wrap: wrap;







    gap: 9px;







    margin: 24px 0 30px;







}















.catalog-filter {







    display: inline-flex;







    align-items: center;







    justify-content: center;







    min-height: 38px;







    padding: 8px 15px;







    border: 1px solid #e2e5e9;







    border-radius: 999px;







    background: white;







    color: #506177;







    font-size: .83rem;







    font-weight: 700;







    text-decoration: none;







    transition: background .18s ease, color .18s ease, border-color .18s ease;







}















.catalog-filter:hover {







    border-color: #b5c0ce;







    background: #f7f8fa;







}















.catalog-filter.is-active {







    border-color: var(--navy);







    background: var(--navy);







    color: white;







}















.catalog-results-heading {







    display: flex;







    align-items: end;







    justify-content: space-between;







    gap: 20px;







    margin: 0 0 18px;







    padding-bottom: 14px;







    border-bottom: 1px solid var(--line);







}















.catalog-results-heading h2 {







    margin: 0;







    color: var(--navy);







    font-size: 1.35rem;







    font-weight: 820;







    letter-spacing: -.025em;







}















.catalog-results-heading p {







    margin: 5px 0 0;







    color: var(--muted);







    font-size: .86rem;







}















.catalog-grid {







    display: grid;







    grid-template-columns: repeat(4, minmax(0, 1fr));







    gap: 16px;







}















.catalog-empty {







    display: flex;







    flex-direction: column;







    align-items: center;







    justify-content: center;







    min-height: 270px;







    padding: 30px 20px;







    border: 1px solid var(--line);







    border-radius: var(--radius);







    background: white;







    text-align: center;







}















.catalog-empty-icon {







    display: grid;







    place-items: center;







    width: 55px;







    height: 55px;







    margin-bottom: 12px;







    border-radius: 50%;







    background: #edf2f8;







    color: var(--navy);







    font-size: 2rem;







}















.catalog-empty h2 {







    margin: 0 0 7px;







    color: var(--navy);







    font-size: 1.35rem;







}















.catalog-empty p {







    max-width: 440px;







    margin: 0 0 20px;







    color: var(--muted);







}















.detail-actions {







    display: flex;







    flex-wrap: wrap;







    align-items: center;







    gap: 12px;







    margin-top: 8px;







}















.detail-actions .button-primary {







    min-height: 45px;







    font-size: .88rem;







}















.detail-actions .text-link {







    min-height: 44px;







}















.detail-features h2 {







    margin: 0 0 10px;







    color: var(--navy);







}















.detail-features ul {







    margin: 0;







    padding-left: 20px;







}















.detail-video-placeholder {







    line-height: 1.5;







}















.detail-video-placeholder .service-icon {







    border-radius: 50%;







    background: #e8edf4;







    color: var(--navy);







    font-size: 1.35rem;







}















.detail-video-placeholder strong {







    font-size: .86rem;







}















.detail-video-placeholder small {







    color: var(--muted);







    font-size: .8rem;







}















.related-products {







    margin-top: 42px;







}















.related-grid {







    grid-template-columns: repeat(4, minmax(0, 1fr));







}















@media (max-width: 1000px) {







    .catalog-grid,







    .related-grid {







        grid-template-columns: repeat(3, minmax(0, 1fr));







    }















    .catalog-filters {







        gap: 7px;







    }















    .catalog-filter {







        padding-right: 12px;







        padding-left: 12px;







    }







}















@media (max-width: 650px) {







    .catalog-search {







        gap: 5px;







        padding: 5px;







    }















    .catalog-search input {







        padding-right: 6px;







        padding-left: 10px;







        font-size: .88rem;







    }















    .catalog-search button {







        min-height: 39px;







        padding: 0 12px;







        font-size: .8rem;







    }















    .catalog-grid,







    .related-grid {







        grid-template-columns: repeat(2, minmax(0, 1fr));







        gap: 10px;







    }















    .catalog-filters {







        flex-wrap: nowrap;







        overflow-x: auto;







        padding-bottom: 5px;







    }















    .catalog-filter {







        flex: 0 0 auto;







    }















    .catalog-results-heading {







        align-items: flex-start;







    }















    .catalog-results-heading h2 {







        font-size: 1.15rem;







    }















    .detail-layout {







        gap: 20px;







        padding: 14px;







    }















    .detail-image {







        min-height: 240px;







    }















    .detail-actions {







        align-items: stretch;







        flex-direction: column;







        width: 100%;







    }















    .detail-actions > a {







        width: 100%;







    }















    .related-products {







        margin-top: 32px;







    }







}























/* DANGOGIFTS CABECERA LOGO AMPLIADO PASTEL V1 */







.header-main-inner {







    min-height: 108px;







    grid-template-columns: minmax(350px, .95fr) minmax(290px, 1.2fr) auto;







    gap: 18px;







}















.brand {







    gap: 13px;







}















.brand-mascot {







    width: 104px;







    height: 82px;







    object-fit: contain;







}















.brand-name {







    color: #8798df;







    font-size: clamp(2.25rem, 2.9vw, 3rem);







    font-weight: 850;







    letter-spacing: -.065em;







    line-height: 1.05;







}















.brand-name > span {







    color: #df91c0;







}















.brand-tagline {







    display: none !important;







}















@media (max-width: 1240px) {







    .header-main-inner {







        grid-template-columns: minmax(290px, 1fr) minmax(220px, 1fr) auto;







        gap: 12px;







    }















    .brand-mascot {







        width: 82px;







        height: 66px;







    }















    .brand-name {







        font-size: 2rem;







    }







}















@media (max-width: 850px) {







    .header-main-inner {







        grid-template-columns: minmax(0, 1fr) auto;







        min-height: 0;







        gap: 12px;







        padding: 12px 0;







    }















    .brand-mascot {







        width: 64px;







        height: 58px;







    }















    .brand-name {







        font-size: 1.75rem;







    }







}















@media (max-width: 520px) {







    .brand {







        gap: 7px;







    }















    .brand-mascot {







        width: 54px;







        height: 50px;







    }















    .brand-name {







        font-size: 1.5rem;







    }







}























/* DANGOGIFTS WORDMARK NEGRO Y PASTEL V1 */







.brand-name .brand-dango {







    color: #171717;







}















.brand-name .brand-gifts {







    display: inline-flex;







    margin-left: .12em;







    color: inherit;







    letter-spacing: -.055em;







}















.brand-name .gift-letter {







    display: inline-block;







}















.brand-name .gift-blue {







    color: #91B7F1;







}















.brand-name .gift-pink {







    color: #EF91BE;







}















.brand-name .gift-green {







    color: #98CA96;







}























/* DANGOGIFTS PAGINA PROPIA DE JUGUETES V1 */















.toys-page {







    padding: 20px 0 58px;







    background:







        radial-gradient(ellipse at 95% 0%, rgba(248, 220, 228, .2), transparent 32%),







        #fcfbf9;







}















.toys-hero {







    display: grid;







    grid-template-columns: minmax(0, 1fr) minmax(0, .95fr);







    align-items: center;







    gap: 24px;







    min-height: 275px;







    overflow: hidden;







    padding: clamp(26px, 4vw, 48px);







    border: 1px solid #e6e0d9;







    border-radius: 18px;







    background:







        radial-gradient(ellipse at 80% 15%, rgba(255, 255, 255, .94), transparent 36%),







        linear-gradient(115deg, #f0e8df 0%, #f9f1e9 54%, #e8edf2 100%);







}















.toys-hero-copy {







    position: relative;







    z-index: 1;







    max-width: 590px;







}















.toys-hero-copy h1 {







    margin: 0;







    color: var(--navy);







    font-family: Georgia, "Times New Roman", serif;







    font-size: clamp(2.2rem, 3.9vw, 3.8rem);







    font-weight: 500;







    letter-spacing: -.05em;







    line-height: 1.05;







}















.toys-hero-copy p {







    max-width: 470px;







    margin: 16px 0 22px;







    color: #536276;







    font-size: 1rem;







    line-height: 1.7;







}















.toys-hero-image {







    display: grid;







    place-items: center;







    min-width: 0;







    min-height: 190px;







}















.toys-hero-image img {







    display: block;







    width: 100%;







    max-height: 250px;







    object-fit: contain;







    filter: drop-shadow(0 12px 15px rgba(20, 40, 62, .08));







}















.toys-subcategories {







    margin-top: 34px;







}















.toys-subcategories .section-heading {







    margin-bottom: 18px;







}















.toys-subcategory-grid {







    display: grid;







    grid-template-columns: repeat(4, minmax(0, 1fr));







    gap: 12px;







}















.toy-subcategory-card {







    position: relative;







    display: flex;







    min-width: 0;







    min-height: 132px;







    flex-direction: column;







    align-items: flex-start;







    gap: 6px;







    overflow: hidden;







    padding: 17px 18px 19px;







    border: 1px solid #e7e5e2;







    border-radius: 13px;







    background: #fff;







    color: var(--navy);







    text-decoration: none;







    transition:







        transform .18s ease,







        border-color .18s ease,







        box-shadow .18s ease,







        background .18s ease;







}















.toy-subcategory-card::after {







    position: absolute;







    right: -24px;







    bottom: -35px;







    width: 90px;







    height: 90px;







    border-radius: 50%;







    background: #f1edf9;







    content: "";







    opacity: .65;







    transition: transform .18s ease;







}















.toy-subcategory-card:nth-child(3n + 2)::after {







    background: #f9e9ee;







}















.toy-subcategory-card:nth-child(3n)::after {







    background: #e4f0e8;







}















.toy-subcategory-card:hover {







    transform: translateY(-2px);







    border-color: #c9c2d9;







    box-shadow: var(--shadow);







}















.toy-subcategory-card:hover::after {







    transform: scale(1.12);







}















.toy-subcategory-card.is-active {







    border-color: var(--navy);







    background: #f1f4f8;







    box-shadow: inset 0 0 0 1px var(--navy);







}















.toy-category-number {







    position: relative;







    z-index: 1;







    color: #8b79bd;







    font-size: .7rem;







    font-weight: 900;







    letter-spacing: .14em;







}















.toy-subcategory-card strong {







    position: relative;







    z-index: 1;







    max-width: 90%;







    font-size: .94rem;







    font-weight: 800;







    line-height: 1.3;







}















.toy-subcategory-card small {







    position: relative;







    z-index: 1;







    max-width: 90%;







    color: #778496;







    font-size: .77rem;







    line-height: 1.45;







}















.toy-category-arrow {







    position: absolute;







    z-index: 1;







    right: 15px;







    bottom: 13px;







    color: var(--navy);







    font-size: 1rem;







    font-weight: 800;







}















.toys-products {







    margin-top: 42px;







}















.toys-products-heading {







    align-items: center;







}















.toys-products-heading h2 {







    margin: 0;







    color: var(--navy);







    font-size: clamp(1.4rem, 2vw, 1.85rem);







    font-weight: 820;







    letter-spacing: -.035em;







}















.toys-results-count {







    margin: 5px 0 0;







    color: var(--muted);







    font-size: .86rem;







}















.toys-search {







    max-width: none;







    margin: 18px 0 22px;







}















.toys-product-grid {







    grid-template-columns: repeat(4, minmax(0, 1fr));







}















.toys-product-grid .product-image-link {







    background: linear-gradient(180deg, #fff 0%, #fbfaf8 100%);







}















@media (max-width: 1000px) {







    .toys-subcategory-grid {







        grid-template-columns: repeat(3, minmax(0, 1fr));







    }















    .toys-product-grid {







        grid-template-columns: repeat(3, minmax(0, 1fr));







    }







}















@media (max-width: 760px) {







    .toys-hero {







        grid-template-columns: minmax(0, 1fr);







        gap: 10px;







        padding: 27px;







    }















    .toys-hero-copy {







        max-width: 620px;







    }















    .toys-hero-image {







        min-height: 145px;







    }















    .toys-hero-image img {







        max-height: 185px;







    }







}















@media (max-width: 600px) {







    .toys-page {







        padding-top: 12px;







    }















    .toys-hero {







        padding: 22px 19px;







        border-radius: 14px;







    }















    .toys-hero-copy h1 {







        font-size: clamp(2rem, 9vw, 2.8rem);







    }















    .toys-hero-copy p {







        margin: 13px 0 17px;







        font-size: .92rem;







    }















    .toys-hero-image {







        min-height: 115px;







    }















    .toys-hero-image img {







        max-height: 150px;







    }















    .toys-subcategories {







        margin-top: 27px;







    }















    .toys-subcategory-grid {







        grid-template-columns: repeat(2, minmax(0, 1fr));







        gap: 9px;







    }















    .toy-subcategory-card {







        min-height: 124px;







        padding: 14px 13px 17px;







    }















    .toy-subcategory-card strong {







        font-size: .85rem;







    }















    .toy-subcategory-card small {







        font-size: .72rem;







    }















    .toys-products {







        margin-top: 32px;







    }















    .toys-products-heading {







        align-items: flex-start;







        flex-direction: column;







    }















    .toys-product-grid {







        grid-template-columns: repeat(2, minmax(0, 1fr));







        gap: 10px;







    }







}















/* DANGOGIFTS TARJETAS COMPACTAS CON ICONOS V1 */







.toys-subcategory-grid .toy-subcategory-card {







    display: grid;







    grid-template-columns: 34px minmax(0, 1fr) 10px;







    grid-template-rows: auto auto;







    align-items: center;







    column-gap: 7px;







    row-gap: 3px;







    min-height: 66px;







    padding: 8px 10px;







    border-radius: 16px;







}















.toys-subcategory-grid .toy-subcategory-card::after {







    width: 60px;







    height: 60px;







    right: -22px;







    bottom: -28px;







    opacity: .7;







}















.toys-subcategory-grid .toy-category-icon {







    position: relative;







    z-index: 1;







    grid-column: 1;







    grid-row: 1 / span 2;







    display: grid;







    place-items: center;







    width: 32px;







    height: 32px;







    border: 1px solid #ebe5f4;







    border-radius: 11px;







    background: #f1edf9;







    font-size: 18px;







    line-height: 1;







}















.toys-subcategory-grid .toy-subcategory-card:nth-child(4n + 2) .toy-category-icon {







    background: #faedf1;







    border-color: #f3e0e7;







}















.toys-subcategory-grid .toy-subcategory-card:nth-child(4n + 3) .toy-category-icon {







    background: #edf5ef;







    border-color: #dfebe2;







}















.toys-subcategory-grid .toy-subcategory-card:nth-child(4n) .toy-category-icon {







    background: #f1eef8;







    border-color: #e7e1f2;







}















.toys-subcategory-grid .toy-subcategory-card strong {







    grid-column: 2;







    grid-row: 1;







    align-self: end;







    max-width: 100%;







    font-size: .78rem;







    line-height: 1.25;







}















.toys-subcategory-grid .toy-subcategory-card small {







    grid-column: 2;







    grid-row: 2;







    align-self: start;







    max-width: 100%;







    font-size: .64rem;







    line-height: 1.3;







}















.toys-subcategory-grid .toy-subcategory-card .toy-category-arrow {







    position: relative;







    grid-column: 3;







    grid-row: 1 / span 2;







    right: auto;







    bottom: auto;







    align-self: center;







    justify-self: end;







    font-size: .82rem;







}















@media (max-width: 600px) {







    .toys-subcategory-grid .toy-subcategory-card {







        grid-template-columns: 27px minmax(0, 1fr) 9px;







        column-gap: 5px;







        min-height: 60px;







        padding: 6px 6px;







    }















    .toys-subcategory-grid .toy-category-icon {







        width: 27px;







        height: 27px;







        border-radius: 9px;







        font-size: 16px;







    }















    .toys-subcategory-grid .toy-subcategory-card strong {







        font-size: .72rem;







    }















    .toys-subcategory-grid .toy-subcategory-card small {







        font-size: .60rem;







    }







}















/* DANGOGIFTS FICHA AJEDREZ V1 */







.detail-layout.chess-detail-layout {







    grid-template-columns: minmax(0, 1.08fr) minmax(0, .92fr);







    align-items: start;







    gap: clamp(24px, 3.5vw, 42px);







    padding: clamp(18px, 3vw, 32px);







}















.chess-gallery {







    min-width: 0;







}















.chess-main-image {







    min-height: clamp(320px, 36vw, 510px);







    padding: clamp(18px, 2.6vw, 34px);







    overflow: hidden;







    border: 1px solid #eee5d9;







    border-radius: 20px;







    background: linear-gradient(145deg, #f6f0e7, #fcfbf8 72%);







}















.chess-main-image img {







    width: 100%;







    max-height: 470px;







    aspect-ratio: 1 / 1;







    object-fit: contain;







}















.chess-gallery-thumbs {







    display: grid;







    grid-template-columns: repeat(2, minmax(0, 1fr));







    gap: 12px;







    margin-top: 14px;







}















.chess-gallery-thumb {







    display: flex;







    min-width: 0;







    flex-direction: column;







    gap: 8px;







    padding: 10px;







    overflow: hidden;







    border: 1px solid #e9e5df;







    border-radius: 14px;







    background: #fff;







    color: var(--navy);







    text-decoration: none;







    transition: border-color .18s ease, transform .18s ease;







}















.chess-gallery-thumb:hover {







    transform: translateY(-2px);







    border-color: #b8bfd0;







}















.chess-gallery-thumb.is-current {







    border-color: #aab6cb;







    box-shadow: inset 0 0 0 1px #d6ddea;







}















.chess-gallery-thumb img {







    display: block;







    width: 100%;







    height: 92px;







    border-radius: 9px;







    background: #faf8f4;







    object-fit: contain;







}















.chess-gallery-thumb span {







    font-size: .78rem;







    font-weight: 750;







    line-height: 1.35;







}















.chess-detail-copy {







    min-width: 0;







    padding: 6px 0;







}















.chess-detail-copy h1 {







    margin: 8px 0 0;







    color: var(--navy);







    font-size: clamp(1.8rem, 2.6vw, 2.55rem);







    line-height: 1.12;







    letter-spacing: -.035em;







}















.chess-detail-price {







    display: inline-flex;







    align-items: center;







    margin: 18px 0 14px;







    color: var(--navy);







    font-size: clamp(1.9rem, 2.6vw, 2.35rem);







    font-weight: 900;







    letter-spacing: -.035em;







}















.chess-lead {







    margin: 0 0 18px;







    color: #596678;







    font-size: .98rem;







    line-height: 1.75;







}















.chess-spec-grid {







    display: grid;







    grid-template-columns: repeat(2, minmax(0, 1fr));







    gap: 10px;







    width: 100%;







    margin: 8px 0 22px;







}















.chess-spec-card {







    display: flex;







    min-width: 0;







    align-items: flex-start;







    gap: 10px;







    padding: 13px 12px;







    border: 1px solid #ece8e3;







    border-radius: 13px;







    background: #fffdfa;







}















.chess-spec-card:nth-child(4n + 2) {







    background: #fbf1f4;







    border-color: #f2e5e9;







}















.chess-spec-card:nth-child(4n + 3) {







    background: #f1f6f1;







    border-color: #e4ece4;







}















.chess-spec-icon {







    display: grid;







    flex: 0 0 31px;







    width: 31px;







    height: 31px;







    place-items: center;







    border-radius: 10px;







    background: rgba(255, 255, 255, .8);







    font-size: 17px;







}















.chess-spec-text {







    align-self: center;







    color: #354357;







    font-size: .79rem;







    font-weight: 700;







    line-height: 1.45;







    overflow-wrap: anywhere;







}















.chess-detail-actions {







    width: 100%;







    margin-top: 4px;







}















.chess-detail-actions .button-primary {







    justify-content: center;







    text-align: center;







}















.chess-note {







    width: 100%;







    margin-top: 20px;







    padding: 15px 16px;







    border-left: 3px solid #c5b9dc;







    border-radius: 0 12px 12px 0;







    background: #f7f5fa;







}















.chess-note strong {







    color: var(--navy);







    font-size: .86rem;







}















.chess-note p {







    margin: 6px 0 0;







    color: #647084;







    font-size: .82rem;







    line-height: 1.65;







}















.chess-description-panel {







    margin-top: 30px;







    padding: clamp(20px, 3vw, 32px);







    border: 1px solid #ece8e1;







    border-radius: 18px;







    background: linear-gradient(120deg, #fffdfa, #faf8f4);







}















.chess-description-panel h2 {







    margin: 8px 0 12px;







    color: var(--navy);







    font-size: clamp(1.35rem, 2vw, 1.8rem);







    line-height: 1.25;







}















.chess-description-panel p {







    max-width: 850px;







    margin: 9px 0 0;







    color: #5c6878;







    font-size: .92rem;







    line-height: 1.8;







}















@media (max-width: 900px) {







    .detail-layout.chess-detail-layout {







        grid-template-columns: minmax(0, 1fr);







        gap: 24px;







    }















    .chess-main-image {







        min-height: 300px;







    }















    .chess-main-image img {







        max-height: 420px;







    }















    .chess-detail-copy h1 {







        font-size: clamp(1.8rem, 5vw, 2.4rem);







    }







}















@media (max-width: 520px) {







    .detail-layout.chess-detail-layout {







        padding: 13px;







        gap: 20px;







    }















    .chess-main-image {







        min-height: 260px;







        padding: 14px;







        border-radius: 15px;







    }















    .chess-gallery-thumbs {







        gap: 8px;







        margin-top: 9px;







    }















    .chess-gallery-thumb {







        padding: 7px;







        gap: 6px;







    }















    .chess-gallery-thumb img {







        height: 72px;







    }















    .chess-gallery-thumb span {







        font-size: .72rem;







    }















    .chess-spec-grid {







        gap: 8px;







    }















    .chess-spec-card {







        gap: 7px;







        padding: 10px 8px;







    }















    .chess-spec-icon {







        flex-basis: 27px;







        width: 27px;







        height: 27px;







        font-size: 15px;







    }















    .chess-spec-text {







        font-size: .72rem;







    }















    .chess-description-panel {







        padding: 18px 15px;







    }







}







/* DANGOGIFTS FICHA AJEDREZ V2: GALERIA Y COMPRA */







.detail-layout.chess-detail-layout .chess-gallery {







    display: grid;







    grid-template-columns: 84px minmax(0, 1fr);







    align-items: stretch;







    gap: 12px;







}















.detail-layout.chess-detail-layout .chess-main-image {







    grid-column: 2;







    grid-row: 1;







    min-height: clamp(360px, 39vw, 500px);







}















.detail-layout.chess-detail-layout .chess-gallery-thumbs {







    grid-column: 1;







    grid-row: 1;







    display: flex;







    min-width: 0;







    flex-direction: column;







    gap: 10px;







    margin-top: 0;







}















.detail-layout.chess-detail-layout .chess-gallery-thumb {







    display: flex;







    width: 100%;







    flex: 0 0 auto;







    align-items: stretch;







    padding: 6px;







    border: 1px solid #e7e2da;







    border-radius: 12px;







    background: #fff;







    color: var(--navy);







    font-family: inherit;







    text-align: left;







    cursor: pointer;







}















.detail-layout.chess-detail-layout .chess-gallery-thumb img {







    width: 100%;







    height: 66px;







    object-fit: contain;







}















.detail-layout.chess-detail-layout .chess-gallery-thumb span {







    font-size: .68rem;







    line-height: 1.3;







    text-align: center;







    overflow-wrap: anywhere;







}















.detail-layout.chess-detail-layout .chess-buy-panel {







    width: 100%;







    margin: 5px 0 15px;







}















.chess-quantity-line {







    display: flex;







    align-items: center;







    justify-content: space-between;







    gap: 14px;







    margin: 8px 0 12px;







}















.chess-quantity-line > label {







    color: var(--navy);







    font-size: .9rem;







    font-weight: 800;







}















.chess-quantity-stepper {







    display: grid;







    grid-template-columns: 38px 44px 38px;







    min-height: 40px;







    overflow: hidden;







    border: 1px solid #dce2eb;







    border-radius: 12px;







    background: #fff;







}















.chess-quantity-stepper button {







    border: 0;







    background: #f7f8fb;







    color: var(--navy);







    font-size: 1.15rem;







    cursor: pointer;







}















.chess-quantity-stepper button:hover {







    background: #edf0f6;







}















.chess-quantity-stepper output {







    display: grid;







    place-items: center;







    color: var(--navy);







    font-weight: 800;







}















.chess-purchase-buttons {







    display: grid;







    grid-template-columns: minmax(0, 1.1fr) minmax(0, .9fr);







    gap: 10px;







    width: 100%;







}















.chess-add-button,







.chess-favorite-button {







    display: flex;







    min-width: 0;







    min-height: 51px;







    align-items: center;







    justify-content: center;







    gap: 8px;







    padding: 11px 13px;







    border: 1px solid transparent;







    border-radius: 28px;







    font-family: inherit;







    font-size: .85rem;







    font-weight: 800;







    line-height: 1.35;







    cursor: pointer;







    transition: transform .18s ease, background .18s ease, border-color .18s ease;







}















.chess-add-button {







    background: var(--navy);







    color: #fff;







}















.chess-add-button:hover {







    transform: translateY(-1px);







    background: #203d61;







}















.chess-favorite-button {







    border-color: #d6dce6;







    background: #fff;







    color: var(--navy);







}















.chess-favorite-button:hover,







.chess-favorite-button.is-favorite {







    border-color: #e5b6c7;







    background: #fcf0f4;







}















.chess-favorite-button.is-favorite {







    color: #ac4269;







}















.chess-action-message {







    min-height: 1.35em;







    margin: 9px 2px 0;







    color: #526277;







    font-size: .78rem;







    line-height: 1.5;







}















@media (max-width: 900px) {







    .detail-layout.chess-detail-layout .chess-gallery {







        grid-template-columns: minmax(0, 1fr);







        gap: 10px;







    }















    .detail-layout.chess-detail-layout .chess-main-image {







        grid-column: 1;







        grid-row: 1;







    }















    .detail-layout.chess-detail-layout .chess-gallery-thumbs {







        grid-column: 1;







        grid-row: 2;







        flex-direction: row;







        overflow-x: auto;







        padding-bottom: 3px;







    }















    .detail-layout.chess-detail-layout .chess-gallery-thumb {







        width: 116px;







        flex: 0 0 116px;







    }















    .detail-layout.chess-detail-layout .chess-gallery-thumb img {







        height: 72px;







    }







}















@media (max-width: 520px) {







    .chess-purchase-buttons {







        grid-template-columns: minmax(0, 1fr);







    }















    .chess-add-button,







    .chess-favorite-button {







        min-height: 46px;







    }















    .detail-layout.chess-detail-layout .chess-main-image {







        min-height: 255px;







    }







}















/* DANGOGIFTS FICHA AJEDREZ V3: MAS COMPACTA */







.detail-layout.chess-detail-layout {







    grid-template-columns: minmax(0, 1.02fr) minmax(0, .98fr);







    align-items: start;







    gap: 22px;







    padding: 18px;







    border-radius: 18px;







}















.detail-layout.chess-detail-layout .chess-gallery {







    grid-template-columns: 64px minmax(0, 1fr);







    gap: 9px;







}















.detail-layout.chess-detail-layout .chess-main-image {







    min-height: 340px;







    padding: 14px;







    border-radius: 16px;







}















.detail-layout.chess-detail-layout .chess-main-image img {







    max-height: 370px;







}















.detail-layout.chess-detail-layout .chess-gallery-thumbs {







    gap: 8px;







}















.detail-layout.chess-detail-layout .chess-gallery-thumb {







    padding: 5px;







    border-radius: 10px;







    gap: 5px;







}















.detail-layout.chess-detail-layout .chess-gallery-thumb img {







    height: 54px;







    border-radius: 7px;







}















.detail-layout.chess-detail-layout .chess-gallery-thumb span {







    font-size: .63rem;







    line-height: 1.2;







}















.chess-detail-copy {







    padding: 2px 0;







}















.chess-detail-copy .eyebrow {







    font-size: .7rem;







    letter-spacing: .15em;







}















.chess-detail-copy h1 {







    margin: 6px 0 0;







    font-size: clamp(1.55rem, 2.2vw, 2rem);







    line-height: 1.13;







    letter-spacing: -.025em;







}















.chess-detail-price {







    margin: 10px 0;







    font-size: clamp(1.75rem, 2.2vw, 2rem);







    line-height: 1.2;







}















.chess-lead {







    margin-bottom: 12px;







    font-size: .88rem;







    line-height: 1.58;







}















.chess-spec-grid {







    gap: 8px;







    margin: 5px 0 14px;







}















.chess-spec-card {







    gap: 8px;







    padding: 9px;







    border-radius: 11px;







}















.chess-spec-icon {







    flex-basis: 27px;







    width: 27px;







    height: 27px;







    border-radius: 8px;







    font-size: 15px;







}















.chess-spec-text {







    font-size: .72rem;







    line-height: 1.35;







}















.detail-layout.chess-detail-layout .chess-buy-panel {







    margin: 2px 0 9px;







}















.chess-quantity-line {







    gap: 10px;







    margin: 4px 0 8px;







}















.chess-quantity-line > label {







    font-size: .82rem;







}















.chess-quantity-stepper {







    grid-template-columns: 32px 36px 32px;







    min-height: 34px;







    border-radius: 10px;







}















.chess-quantity-stepper button {







    font-size: 1rem;







}















.chess-purchase-buttons {







    gap: 8px;







}















.chess-add-button,







.chess-favorite-button {







    min-height: 44px;







    gap: 6px;







    padding: 9px 10px;







    font-size: .76rem;







}















.chess-action-message {







    min-height: 1em;







    margin-top: 5px;







    font-size: .73rem;







}















.chess-detail-actions {







    gap: 8px;







    margin-top: 2px;







}















.chess-detail-actions .button-primary,







.chess-detail-actions .text-link {







    min-height: 38px;







    padding: 9px 13px;







    font-size: .76rem;







}















.chess-note {







    margin-top: 12px;







    padding: 11px 13px;







    border-radius: 0 10px 10px 0;







}















.chess-note strong {







    font-size: .79rem;







}















.chess-note p {







    margin-top: 4px;







    font-size: .75rem;







    line-height: 1.5;







}















.chess-description-panel {







    margin-top: 20px;







    padding: 20px 23px;







    border-radius: 15px;







}















.chess-description-panel h2 {







    margin: 6px 0 9px;







    font-size: 1.4rem;







}















.chess-description-panel p {







    margin-top: 7px;







    font-size: .85rem;







    line-height: 1.65;







}















@media (max-width: 900px) {







    .detail-layout.chess-detail-layout {







        gap: 18px;







        padding: 16px;







    }















    .detail-layout.chess-detail-layout .chess-gallery {







        grid-template-columns: minmax(0, 1fr);







        gap: 9px;







    }















    .detail-layout.chess-detail-layout .chess-main-image {







        min-height: 300px;







    }















    .detail-layout.chess-detail-layout .chess-main-image img {







        max-height: 350px;







    }















    .detail-layout.chess-detail-layout .chess-gallery-thumbs {







        flex-direction: row;







        gap: 8px;







        overflow-x: auto;







    }















    .detail-layout.chess-detail-layout .chess-gallery-thumb {







        width: 100px;







        flex: 0 0 100px;







        padding: 6px;







    }















    .detail-layout.chess-detail-layout .chess-gallery-thumb img {







        height: 58px;







    }















    .chess-detail-copy h1 {







        font-size: clamp(1.55rem, 4vw, 2rem);







    }







}















@media (max-width: 520px) {







    .detail-layout.chess-detail-layout {







        gap: 14px;







        padding: 11px;







    }















    .detail-layout.chess-detail-layout .chess-main-image {







        min-height: 240px;







        padding: 10px;







    }















    .detail-layout.chess-detail-layout .chess-main-image img {







        max-height: 285px;







    }















    .chess-detail-copy h1 {







        font-size: 1.65rem;







    }















    .chess-spec-card {







        padding: 8px 7px;







    }















    .chess-spec-text {







        font-size: .69rem;







    }















    .chess-description-panel {







        margin-top: 15px;







        padding: 16px 13px;







    }







}















/* DANGOGIFTS FICHA AJEDREZ V4: IMAGEN UNICA */







.detail-layout.chess-detail-layout .chess-gallery {







    display: block;







    width: 100%;







    min-width: 0;







}















.detail-layout.chess-detail-layout .chess-main-image {







    display: grid;







    place-items: center;







    min-height: 0;







    padding: 8px;







    overflow: hidden;







    border-radius: 15px;







    background: linear-gradient(145deg, #f5ecdf, #fcf9f4);







}















.detail-layout.chess-detail-layout .chess-main-image img {







    display: block;







    width: 100%;







    height: auto;







    max-height: 430px;







    aspect-ratio: 16 / 9;







    object-fit: contain;







}















/* DANGOGIFTS FICHA AJEDREZ V5: DOS VISTAS DE CAJA */







.detail-layout.chess-detail-layout .chess-gallery-thumbs {







    display: grid;







    grid-template-columns: repeat(2, minmax(0, 160px));







    gap: 10px;







    width: 100%;







    margin-top: 10px;







}















.detail-layout.chess-detail-layout .chess-gallery-thumb {







    display: flex;







    min-width: 0;







    width: 100%;







    align-items: center;







    gap: 9px;







    padding: 7px;







    border: 1px solid #e8e1d8;







    border-radius: 12px;







    background: #fffdfa;







    color: var(--navy);







    text-align: left;







    cursor: pointer;







}















.detail-layout.chess-detail-layout .chess-gallery-thumb.is-current {







    border-color: #b8c3d5;







    box-shadow: inset 0 0 0 1px #dbe2ee;







}















.detail-layout.chess-detail-layout .chess-gallery-thumb img {







    display: block;







    flex: 0 0 64px;







    width: 64px;







    height: 48px;







    border-radius: 7px;







    background: #f3ece2;







    object-fit: cover;







}















.detail-layout.chess-detail-layout .chess-gallery-thumb span {







    font-size: .73rem;







    font-weight: 750;







    line-height: 1.35;







    overflow-wrap: anywhere;







}















@media (max-width: 520px) {







    .detail-layout.chess-detail-layout .chess-gallery-thumbs {







        grid-template-columns: repeat(2, minmax(0, 1fr));







        gap: 7px;







    }















    .detail-layout.chess-detail-layout .chess-gallery-thumb {







        gap: 6px;







        padding: 6px;







    }















    .detail-layout.chess-detail-layout .chess-gallery-thumb img {







        flex-basis: 48px;







        width: 48px;







        height: 42px;







    }















    .detail-layout.chess-detail-layout .chess-gallery-thumb span {







        font-size: .68rem;







    }







}















/* DANGOGIFTS FICHA AJEDREZ V6: MINIATURAS A LA IZQUIERDA */







.detail-layout.chess-detail-layout .chess-gallery {







    display: grid;







    grid-template-columns: 64px minmax(0, 1fr);







    grid-template-rows: auto;







    align-items: stretch;







    gap: 9px;







    min-width: 0;







}















.detail-layout.chess-detail-layout .chess-main-image {







    grid-column: 2;







    grid-row: 1;







    min-width: 0;







    min-height: 340px;







}















.detail-layout.chess-detail-layout .chess-gallery-thumbs {







    grid-column: 1;







    grid-row: 1;







    display: flex;







    flex-direction: column;







    align-items: stretch;







    gap: 8px;







    width: 64px;







    margin-top: 0;







}















.detail-layout.chess-detail-layout .chess-gallery-thumb {







    display: flex;







    flex: 0 0 auto;







    flex-direction: column;







    align-items: center;







    justify-content: flex-start;







    gap: 5px;







    width: 64px;







    padding: 5px;







    border: 1px solid #e8e1d8;







    border-radius: 10px;







    background: #fffdfa;







    text-align: center;







}















.detail-layout.chess-detail-layout .chess-gallery-thumb img {







    flex: 0 0 auto;







    width: 52px;







    height: 48px;







    object-fit: contain;







    border-radius: 7px;







    background: #f3ece2;







}















.detail-layout.chess-detail-layout .chess-gallery-thumb span {







    width: 100%;







    font-size: .61rem;







    line-height: 1.25;







    text-align: center;







    overflow-wrap: anywhere;







}















@media (max-width: 900px) {







    .detail-layout.chess-detail-layout .chess-gallery {







        grid-template-columns: minmax(0, 1fr);







        grid-template-rows: auto auto;







        gap: 9px;







    }















    .detail-layout.chess-detail-layout .chess-main-image {







        grid-column: 1;







        grid-row: 1;







        min-height: 280px;







    }















    .detail-layout.chess-detail-layout .chess-gallery-thumbs {







        grid-column: 1;







        grid-row: 2;







        flex-direction: row;







        align-items: stretch;







        width: 100%;







        overflow-x: auto;







        padding-bottom: 3px;







    }















    .detail-layout.chess-detail-layout .chess-gallery-thumb {







        flex: 0 0 100px;







        width: 100px;







        padding: 6px;







    }















    .detail-layout.chess-detail-layout .chess-gallery-thumb img {







        width: 84px;







        height: 58px;







    }















    .detail-layout.chess-detail-layout .chess-gallery-thumb span {







        font-size: .68rem;







    }







}























/* DANGOGIFTS FICHA LUDO Y DAMA V1 */







.detail-layout.ludo-detail-layout {







    display: grid;







    grid-template-columns: minmax(0, 1.05fr) minmax(0, 0.95fr);







    align-items: start;







    gap: clamp(24px, 4vw, 48px);







}















.ludo-detail-layout .ludo-gallery {







    min-width: 0;







    display: grid;







    grid-template-columns: 68px minmax(0, 1fr);







    align-items: start;







    gap: 12px;







}















.ludo-gallery-thumbs {







    display: flex;







    flex-direction: column;







    gap: 10px;







    min-width: 0;







}















.ludo-gallery-thumb {







    display: flex;







    width: 68px;







    height: 68px;







    align-items: center;







    justify-content: center;







    padding: 4px;







    overflow: hidden;







    border: 1px solid #e4ddd2;







    border-radius: 12px;







    background: #fff;







    cursor: pointer;







    transition: border-color .18s ease, box-shadow .18s ease, transform .18s ease;







}















.ludo-gallery-thumb:hover {







    transform: translateY(-1px);







    border-color: #bcae99;







}















.ludo-gallery-thumb.is-current {







    border-color: #26364f;







    box-shadow: 0 0 0 1px #26364f;







}















.ludo-gallery-thumb img {







    display: block;







    width: 100%;







    height: 100%;







    object-fit: contain;







}















.ludo-gallery-main {







    display: flex;







    min-width: 0;







    min-height: 350px;







    aspect-ratio: 1 / 1;







    align-items: center;







    justify-content: center;







    padding: clamp(12px, 2vw, 24px);







    overflow: hidden;







    border: 1px solid #eee7dd;







    border-radius: 18px;







    background: #fff;







}















.ludo-gallery-main img {







    display: block;







    width: 100%;







    height: 100%;







    max-height: 560px;







    object-fit: contain;







}















.ludo-product-info {







    min-width: 0;







}















.ludo-eyebrow {







    margin: 0 0 10px;







    color: #877762;







    font-size: .76rem;







    font-weight: 700;







    letter-spacing: .13em;







    text-transform: uppercase;







}















.ludo-product-info h1 {







    margin-top: 0;







    margin-bottom: 14px;







    color: #26364f;







    line-height: 1.15;







}















.ludo-price {







    margin: 0 0 18px;







    color: #26364f;







    font-size: clamp(1.65rem, 3vw, 2.1rem);







    font-weight: 750;







    font-variant-numeric: tabular-nums;







}















.ludo-description {







    margin: 0 0 22px;







    color: #5f5b55;







    line-height: 1.75;







}















.ludo-features {







    margin: 0 0 24px;







    padding: 18px 20px;







    border: 1px solid #eee7dd;







    border-radius: 14px;







    background: #fbf9f5;







}















.ludo-features h2 {







    margin: 0 0 10px;







    color: #26364f;







    font-size: 1rem;







}















.ludo-features ul {







    margin: 0;







    padding-left: 20px;







    color: #514d47;







    line-height: 1.8;







}















.ludo-quantity-row {







    display: flex;







    align-items: center;







    justify-content: space-between;







    gap: 16px;







    margin: 0 0 18px;







}















.ludo-quantity-label {







    color: #383b40;







    font-weight: 650;







}















.ludo-quantity-control {







    display: inline-flex;







    align-items: center;







    gap: 0;







    overflow: hidden;







    border: 1px solid #e4ddd2;







    border-radius: 10px;







    background: #fff;







}















.ludo-quantity-control button {







    width: 40px;







    height: 40px;







    border: 0;







    background: transparent;







    color: #26364f;







    cursor: pointer;







    font-size: 1.2rem;







}















.ludo-quantity-control button:hover {







    background: #f4f0e9;







}















.ludo-quantity-control output {







    min-width: 34px;







    text-align: center;







    color: #26364f;







    font-weight: 650;







}















.ludo-purchase-buttons {







    display: grid;







    grid-template-columns: minmax(0, 1fr);







    gap: 10px;







}















.ludo-purchase-buttons button {







    min-height: 46px;







}















.ludo-favorite-placeholder {







    display: none;







}















.ludo-description-panel {







    margin-top: 28px;







}















@media (max-width: 760px) {







    .detail-layout.ludo-detail-layout {







        grid-template-columns: minmax(0, 1fr);







        gap: 26px;







    }















    .ludo-detail-layout .ludo-gallery {







        grid-template-columns: minmax(0, 1fr);







        gap: 12px;







    }















    .ludo-gallery-main {







        grid-row: 1;







        min-height: 260px;







        max-height: none;







    }















    .ludo-gallery-thumbs {







        grid-row: 2;







        flex-direction: row;







        justify-content: center;







        gap: 10px;







    }















    .ludo-gallery-thumb {







        width: 64px;







        height: 64px;







        flex: 0 0 64px;







    }







}















@media (max-width: 420px) {







    .ludo-gallery-main {







        min-height: 220px;







        padding: 12px;







    }















    .ludo-quantity-row {







        align-items: center;







    }







}















/* DANGOGIFTS TOYS HERO UPDATED V1 */







.toys-hero-updated {







    display: flex;







    flex-direction: column;







    justify-content: center;







    gap: 13px;







    width: 100%;







    min-width: 0;







    align-self: stretch;







}















.toys-hero-updated-heading {







    display: flex;







    align-items: center;







    justify-content: space-between;







    flex-wrap: wrap;







    gap: 6px;







}















.toys-hero-updated-heading .eyebrow {







    margin: 0;







    font-size: .68rem;







}















.toys-updated-count {







    color: #746b60;







    font-size: .72rem;







    font-weight: 650;







}















.toys-updated-grid {







    display: grid;







    grid-template-columns: repeat(3, minmax(0, 1fr));







    gap: 10px;







    min-width: 0;







}















.toys-updated-card {







    display: flex;







    flex-direction: column;







    align-items: stretch;







    min-width: 0;







    padding: 10px;







    overflow: hidden;







    border: 1px solid #e9dfd2;







    border-radius: 14px;







    background: rgba(255, 255, 255, .88);







    color: var(--navy);







    text-decoration: none;







    box-shadow: 0 6px 16px rgba(30, 43, 57, .045);







    transition: transform .18s ease, box-shadow .18s ease, border-color .18s ease;







}















.toys-updated-card:hover {







    transform: translateY(-3px);







    border-color: #cbbba5;







    box-shadow: 0 10px 22px rgba(30, 43, 57, .09);







}















.toys-updated-card:focus-visible {







    outline: 2px solid var(--navy);







    outline-offset: 3px;







}















.toys-updated-image {







    display: grid;







    place-items: center;







    width: 100%;







    aspect-ratio: 1 / .88;







    min-height: 85px;







    margin-bottom: 9px;







    overflow: hidden;







    border-radius: 9px;







    background: #fff;







}















.toys-updated-image img {







    display: block;







    width: 100%;







    height: 100%;







    padding: 4px;







    object-fit: contain;







}















.toys-updated-name {







    display: -webkit-box;







    min-height: 2.5em;







    overflow: hidden;







    color: #24354a;







    font-size: .80rem;







    font-weight: 700;







    line-height: 1.25;







    overflow-wrap: anywhere;







    -webkit-box-orient: vertical;







    -webkit-line-clamp: 2;







}















.toys-updated-price {







    display: block;







    margin-top: 7px;







    color: #24354a;







    font-size: .92rem;







    font-weight: 750;







    line-height: 1.3;







}















.toys-updated-link {







    display: block;







    margin-top: 8px;







    color: #75634b;







    font-size: .70rem;







    font-weight: 700;







}















.toys-updated-empty {







    margin: 0;







    color: #536276;







    font-size: .9rem;







    line-height: 1.6;







}















@media (max-width: 600px) {







    .toys-hero-updated {







        gap: 10px;







    }















    .toys-updated-grid {







        gap: 7px;







    }















    .toys-updated-card {







        padding: 7px;







        border-radius: 11px;







    }















    .toys-updated-image {







        min-height: 65px;







        margin-bottom: 7px;







    }















    .toys-updated-name {







        font-size: .73rem;







    }















    .toys-updated-price {







        font-size: .83rem;







    }















    .toys-updated-link {







        font-size: .66rem;







    }







}























/* Ficha específica: Bláster Fashion Action */







.blaster-detail-layout .blaster-gallery {







    min-width: 0;







}







.blaster-detail-layout .blaster-main-image {







    overflow: hidden;







    border-radius: 18px;







}







.blaster-detail-layout .blaster-main-image img {







    width: 100%;







    height: 100%;







    object-fit: contain;







}







.blaster-detail-layout .blaster-spec-grid {







    margin-top: 1.25rem;







}







.blaster-video-panel {







    margin-top: 1.5rem;







    padding: 1rem;







    border: 1px solid rgba(120, 120, 120, .2);







    border-radius: 16px;







}







.blaster-video-panel h2 {







    margin: 0 0 .75rem;







    font-size: 1.1rem;







}







.blaster-video-panel video {







    display: block;







    width: 100%;







    max-height: 460px;







    border-radius: 12px;







    background: #111;







}







.blaster-description-panel {







    margin-top: 2rem;







}







.blaster-detail-layout .chess-action-message {







    min-height: 1.5em;







}







@media (max-width: 700px) {







    .blaster-video-panel {







        padding: .75rem;







    }







    .blaster-video-panel video {







        max-height: 340px;







    }







}































/* Miniatura de video dentro de la galería del Bláster Fashion Action */







.blaster-detail-layout .blaster-main-image #blaster-main-video {







    display: none;







    width: 100%;







    height: 100%;







    min-height: 280px;







    max-height: 520px;







    object-fit: contain;







    background: #111;







    border-radius: 14px;







}







.blaster-detail-layout .blaster-video-thumb-preview {







    position: relative;







    display: block;







    overflow: hidden;







    width: 100%;







    border-radius: 8px;







}







.blaster-detail-layout .blaster-video-thumb-preview img {







    display: block;







    width: 100%;







    height: 100%;







    object-fit: cover;







}







.blaster-detail-layout .blaster-play-symbol {







    position: absolute;







    inset: 0;







    display: grid;







    place-items: center;







    color: white;







    font-size: 1.5rem;







    text-shadow: 0 1px 5px #000;







    background: rgba(0, 0, 0, .22);







}







.blaster-detail-layout .blaster-video-thumb.is-current .blaster-play-symbol {







    background: rgba(20, 40, 60, .5);







}







@media (max-width: 700px) {







    .blaster-detail-layout .blaster-main-image #blaster-main-video {







        min-height: 220px;







        max-height: 360px;







    }







}























/* Galeria de video: Pistola de hidrogel Graffiti */







.graffiti-detail-layout .blaster-main-image #graffiti-main-video {







    display: none;







    width: 100%;







    height: 100%;







    min-height: 280px;







    max-height: 520px;







    object-fit: contain;







    background: #111;







    border-radius: 14px;







}















.graffiti-detail-layout .graffiti-description-panel {







    margin-top: 2rem;







}















@media (max-width: 700px) {







    .graffiti-detail-layout .blaster-main-image #graffiti-main-video {







        min-height: 220px;







        max-height: 360px;







    }







}















/* Ficha del Camión lanzador de autos policiales */







.camion-policial-detail-layout .blaster-main-image #camion-policial-main-video {







    display: none;







    width: 100%;







    height: 100%;







    min-height: 280px;







    max-height: 520px;







    object-fit: contain;







    background: #111;







    border-radius: 14px;







}















.camion-policial-description-panel {







    margin-top: 2rem;







}















@media (max-width: 700px) {







    .camion-policial-detail-layout .blaster-main-image #camion-policial-main-video {







        min-height: 220px;







        max-height: 360px;







    }







}















/* Ficha específica: Dino Truck lanzador */







.dino-truck-detail-layout .blaster-gallery {







    min-width: 0;







}















.dino-truck-detail-layout .blaster-main-image img {







    display: block;







    width: 100%;







    height: 100%;







    object-fit: contain;







}















.dino-truck-description-panel {







    margin-top: 2rem;







}















/* Ficha específica: Coche RC deportivo */







.coche-rc-deportivo-detail-layout .blaster-main-image #coche-rc-deportivo-main-video {







    display: none;







    width: 100%;







    height: 100%;







    min-height: 280px;







    max-height: 520px;







    object-fit: contain;







    background: #111;







    border-radius: 14px;







}















.coche-rc-deportivo-description-panel {







    margin-top: 2rem;







}















@media (max-width: 700px) {







    .coche-rc-deportivo-detail-layout .blaster-main-image #coche-rc-deportivo-main-video {







        min-height: 220px;







        max-height: 360px;







    }







}















/* Ficha específica: Súper Pack Speed Launcher */







.speed-launcher-detail-layout .blaster-main-image #speed-launcher-main-video {







    display: none;







    width: 100%;







    height: 100%;







    min-height: 280px;







    max-height: 520px;







    object-fit: contain;







    background: #111;







    border-radius: 14px;







}















.speed-launcher-description-panel {







    margin-top: 2rem;







}















@media (max-width: 700px) {







    .speed-launcher-detail-layout .blaster-main-image #speed-launcher-main-video {







        min-height: 220px;







        max-height: 360px;







    }







}















/* Ficha específica: Coche RC Racing */







.coche-rc-racing-detail-layout .blaster-main-image #coche-rc-racing-main-video {







    display: none;







    width: 100%;







    height: 100%;







    min-height: 280px;







    max-height: 520px;







    object-fit: contain;







    background: #111;







    border-radius: 14px;







}















.coche-rc-racing-description-panel {







    margin-top: 2rem;







}















@media (max-width: 700px) {







    .coche-rc-racing-detail-layout .blaster-main-image #coche-rc-racing-main-video {







        min-height: 220px;







        max-height: 360px;







    }







}















/* Dango Gifts: carrusel automático de juguetes destacados */







.toys-feature-carousel {







    display: block;







    min-height: 0;







    padding: 0;







    overflow: hidden;







}















.toys-feature-slides {







    width: 100%;







    min-width: 0;







}















.toys-feature-slide {







    display: none;







    grid-template-columns: minmax(0, .92fr) minmax(0, 1.08fr);







    align-items: center;







    gap: clamp(24px, 4vw, 54px);







    min-height: 390px;







    padding: clamp(26px, 3.7vw, 48px);







}















.toys-feature-slide.is-active {







    display: grid;







    animation: toys-feature-enter .42s ease both;







}















.toys-feature-copy {







    min-width: 0;







    max-width: 590px;







}















.toys-feature-copy .eyebrow {







    display: block;







    margin: 0 0 12px;







    color: #425873;







    font-size: .7rem;







    letter-spacing: .19em;







    font-weight: 800;







}















.toys-feature-kicker {







    display: block;







    margin: 0 0 9px;







    color: #88765f;







    font-size: .72rem;







    font-weight: 750;







    letter-spacing: .08em;







}















.toys-feature-copy h1 {







    margin: 0;







    color: var(--navy);







    font-family: Georgia, "Times New Roman", serif;







    font-size: clamp(2rem, 3.2vw, 3.3rem);







    font-weight: 500;







    letter-spacing: -.045em;







    line-height: 1.07;







    overflow-wrap: anywhere;







}















.toys-feature-description {







    margin: 16px 0 0;







    color: #536276;







    font-size: 1rem;







    line-height: 1.7;







    overflow-wrap: anywhere;







}















.toys-feature-price {







    margin: 19px 0 22px;







    color: #1f3349;







    font-size: 1.25rem;







    font-weight: 800;







    line-height: 1.3;







}















.toys-feature-button {







    display: inline-flex;







    align-items: center;







    gap: 10px;







    text-decoration: none;







}















.toys-feature-image {







    display: grid;







    place-items: center;







    width: 100%;







    height: clamp(280px, 31vw, 390px);







    min-width: 0;







    padding: 10px;







    overflow: hidden;







    border: 1px solid rgba(226, 220, 211, .8);







    border-radius: 16px;







    background: rgba(255, 255, 255, .78);







    text-decoration: none;







}















.toys-feature-image img {







    display: block;







    width: 100%;







    height: 100%;







    object-fit: contain;







    filter: drop-shadow(0 12px 15px rgba(20, 40, 62, .08));







}















.toys-feature-image:focus-visible,







.toys-feature-arrow:focus-visible,







.toys-feature-dot:focus-visible {







    outline: 2px solid var(--navy);







    outline-offset: 3px;







}















.toys-feature-controls {







    display: flex;







    align-items: center;







    justify-content: flex-end;







    gap: 13px;







    padding: 0 clamp(24px, 3.7vw, 48px) 20px;







}















.toys-feature-arrow {







    display: inline-grid;







    place-items: center;







    width: 36px;







    height: 36px;







    flex: 0 0 auto;







    border: 1px solid #d7cbbc;







    border-radius: 50%;







    background: rgba(255, 255, 255, .9);







    color: var(--navy);







    font-size: 1.15rem;







    cursor: pointer;







    transition: background .18s ease, color .18s ease, border-color .18s ease;







}















.toys-feature-arrow:hover {







    border-color: var(--navy);







    background: var(--navy);







    color: #fff;







}















.toys-feature-dots {







    display: flex;







    align-items: center;







    justify-content: center;







    gap: 7px;







}















.toys-feature-dot {







    width: 8px;







    height: 8px;







    padding: 0;







    border: 0;







    border-radius: 10px;







    background: #c6cbd1;







    cursor: pointer;







    transition: width .2s ease, background .2s ease;







}















.toys-feature-dot.is-active {







    width: 22px;







    background: var(--navy);







}















.toys-feature-count {







    min-width: 35px;







    color: #687385;







    font-size: .8rem;







    font-weight: 750;







    text-align: center;







}















.toys-feature-empty {







    padding: clamp(26px, 4vw, 48px);







}















.toys-feature-empty h1 {







    max-width: 630px;







    margin: 0;







    color: var(--navy);







    font-family: Georgia, "Times New Roman", serif;







    font-size: clamp(2.2rem, 3.9vw, 3.8rem);







    font-weight: 500;







    letter-spacing: -.05em;







    line-height: 1.05;







}















.toys-feature-empty p {







    color: #536276;







    line-height: 1.7;







}















@keyframes toys-feature-enter {







    from { opacity: .45; transform: translateY(5px); }







    to { opacity: 1; transform: translateY(0); }







}















@media (max-width: 760px) {







    .toys-feature-carousel {







        display: block;







        padding: 0;







    }















    .toys-feature-slide {







        grid-template-columns: minmax(0, 1fr);







        gap: 18px;







        min-height: 0;







        padding: 26px 22px 14px;







    }















    .toys-feature-copy h1 {







        font-size: clamp(2rem, 8vw, 2.8rem);







    }















    .toys-feature-description {







        font-size: .94rem;







        line-height: 1.6;







    }















    .toys-feature-image {







        height: clamp(230px, 58vw, 340px);







    }















    .toys-feature-controls {







        justify-content: center;







        gap: 11px;







        padding: 0 20px 17px;







    }







}















@media (max-width: 420px) {







    .toys-feature-slide {







        padding: 22px 16px 12px;







    }















    .toys-feature-image {







        height: 225px;







    }















    .toys-feature-copy h1 {







        font-size: 2rem;







    }















    .toys-feature-controls {







        padding-right: 14px;







        padding-left: 14px;







    }







}















@media (prefers-reduced-motion: reduce) {







    .toys-feature-slide.is-active {







        animation: none;







    }







}















/* AJUSTE_CARRUSEL_COMPACTO_20261023 */







@media (min-width: 761px) {







    .toys-feature-slide {







        min-height: 350px;







        padding-top: 24px;







        padding-bottom: 24px;







    }















    .toys-feature-image {







        height: clamp(250px, 27vw, 340px);







    }







}















/* NAVIDAD_SOLO_CARRUSEL_JUGUETES_V2 */







.toys-page .toys-feature-carousel {







    position: relative;







    overflow: hidden;







    border: 1px solid #f2dcc5;







    border-radius: 24px;







    background:







        radial-gradient(circle at 96% 12%, rgba(201,31,53,.14) 0 9px, transparent 10px),







        radial-gradient(circle at 91% 19%, rgba(35,128,79,.15) 0 7px, transparent 8px),







        radial-gradient(ellipse at 100% 100%, rgba(85,175,232,.19), transparent 33%),







        linear-gradient(115deg, #fff0df 0%, #fffaf5 56%, #edf7ff 100%);







    box-shadow: 0 12px 32px rgba(25,48,75,.08);







}















.toys-page .toys-feature-copy::before {







    content: "ESPECIAL NAVIDAD";







    display: table;







    margin: 0 0 14px;







    padding: 8px 16px;







    border-radius: 999px;







    background: #c91f35;







    color: #fff;







    font-family: Arial, sans-serif;







    font-size: .76rem;







    font-weight: 800;







    letter-spacing: .06em;







    box-shadow: 0 4px 12px rgba(170,25,43,.17);







}















.toys-page .toys-feature-copy .eyebrow {







    color: #17365c;







}















.toys-page .toys-feature-kicker {







    color: #bd2938;







    font-weight: 800;







}















.toys-page .toys-feature-copy h1 {







    color: #142f53;







}















.toys-page .toys-feature-price {







    display: inline-flex;







    align-items: center;







    padding: 8px 16px;







    border-radius: 999px;







    background: linear-gradient(135deg, #c91f35, #e33b43);







    color: #fff;







    font-weight: 800;







    box-shadow: 0 5px 13px rgba(180,30,48,.17);







}















.toys-page .toys-feature-price::after {







    content: " ❄";







    margin-left: 7px;







}















.toys-page .toys-feature-button {







    border: 1px solid #f15a32;







    border-radius: 999px;







    background: linear-gradient(135deg, #ff702f, #f04425);







    color: #fff;







    box-shadow: 0 7px 16px rgba(230,75,39,.2);







    transition: transform .2s ease, box-shadow .2s ease;







}















.toys-page .toys-feature-button:hover {







    transform: translateY(-2px);







    box-shadow: 0 10px 21px rgba(230,75,39,.25);







}















.toys-page .toys-feature-image {







    box-sizing: border-box;







    padding: 10px;







    border: 1px solid rgba(201,31,53,.13);







    border-radius: 22px;







    background: rgba(255,255,255,.94);







    box-shadow: 0 12px 30px rgba(24,48,73,.09);







}















.toys-page .toys-feature-image img {







    border-radius: 13px;







}















.toys-page .toys-feature-dot.is-active {







    background: #ed5b32;







}















.toys-page .toys-feature-arrow {







    border-color: #f0d6bd;







    background: #fffdf9;







    color: #183453;







}















@media (max-width: 760px) {







    .toys-page .toys-feature-carousel {







        border-radius: 18px;







    }















    .toys-page .toys-feature-copy::before {







        margin-bottom: 10px;







    }















    .toys-page .toys-feature-image {







        padding: 7px;







        border-radius: 17px;







    }







}















@media (prefers-reduced-motion: reduce) {







    .toys-page .toys-feature-button {







        transition: none;







    }















    .toys-page .toys-feature-button:hover {







        transform: none;







    }







}















/* NAVIDAD_COMPLETA_SOLO_JUGUETES_V3 */







/* Decoracion estacional limitada al contenido de la pagina Juguetes. */















.toys-page .toys-feature-carousel {







    position: relative;







    isolation: isolate;







    overflow: hidden;







    min-height: 0;







    border: 1px solid #f0d8c0;







    border-radius: 25px;







    background:







        radial-gradient(circle at 7% 26%, rgba(255,255,255,.95) 0 2px, transparent 3px),







        radial-gradient(circle at 82% 43%, rgba(255,255,255,.95) 0 3px, transparent 4px),







        radial-gradient(circle at 96% 65%, rgba(255,255,255,.9) 0 2px, transparent 3px),







        radial-gradient(ellipse at 2% 100%, rgba(255,194,145,.38), transparent 35%),







        radial-gradient(ellipse at 100% 100%, rgba(104,190,239,.30), transparent 42%),







        linear-gradient(115deg, #fff0df 0%, #fffaf5 51%, #edf7ff 100%);







    box-shadow: 0 15px 35px rgba(25,48,75,.09);







}















/* Guirnalda verde y luces sobre el borde superior. */







.toys-page .toys-feature-carousel::before {







    content: "";







    position: absolute;







    z-index: 0;







    pointer-events: none;







    top: 0;







    left: 0;







    right: 0;







    height: 76px;







    opacity: .96;







    background:







        radial-gradient(circle at 5% 25px, #ffe29a 0 4px, transparent 5px),







        radial-gradient(circle at 12% 33px, #e94742 0 4px, transparent 5px),







        radial-gradient(circle at 20% 26px, #fff0b0 0 4px, transparent 5px),







        radial-gradient(circle at 28% 35px, #f8bf42 0 4px, transparent 5px),







        radial-gradient(circle at 36% 29px, #e94742 0 4px, transparent 5px),







        radial-gradient(circle at 44% 34px, #ffe29a 0 4px, transparent 5px),







        radial-gradient(circle at 52% 27px, #f8bf42 0 4px, transparent 5px),







        radial-gradient(circle at 60% 34px, #e94742 0 4px, transparent 5px),







        radial-gradient(circle at 68% 27px, #ffe29a 0 4px, transparent 5px),







        radial-gradient(circle at 76% 34px, #f8bf42 0 4px, transparent 5px),







        radial-gradient(circle at 84% 27px, #e94742 0 4px, transparent 5px),







        radial-gradient(circle at 92% 33px, #ffe29a 0 4px, transparent 5px),







        radial-gradient(circle at 98% 24px, #f8bf42 0 4px, transparent 5px),







        repeating-linear-gradient(118deg,







            transparent 0 24px,







            rgba(18,83,48,.9) 25px 30px,







            transparent 31px 44px),







        linear-gradient(177deg,







            transparent 0 23%,







            #145536 24% 34%,







            #236b40 35% 42%,







            transparent 43%);







    filter: drop-shadow(0 3px 2px rgba(10,55,32,.12));







}















/* Lazo navideno central y pequeno Santa junto al producto. */







.toys-page .toys-feature-slides {







    position: relative;







    z-index: 1;







}















.toys-page .toys-feature-slides::before {







    content: "🎀";







    position: absolute;







    z-index: 0;







    top: 0;







    left: calc(50% - 25px);







    font-size: 43px;







    line-height: 1.1;







    pointer-events: none;







    filter: drop-shadow(0 3px 3px rgba(110,30,35,.15));







}















.toys-page .toys-feature-slides::after {







    content: "🎅";







    position: absolute;







    z-index: 0;







    top: 93px;







    left: calc(46% - 40px);







    font-size: clamp(56px, 6.3vw, 90px);







    line-height: 1;







    pointer-events: none;







    filter: drop-shadow(0 5px 5px rgba(70,40,25,.12));







}















.toys-page .toys-feature-slide {







    position: relative;







    z-index: 1;







    min-height: clamp(455px, 39vw, 530px);







    padding: 78px clamp(25px, 3.5vw, 52px) 24px;







    gap: clamp(20px, 3vw, 43px);







}















/* Etiqueta roja de temporada sin modificar el HTML ni los productos. */







.toys-page .toys-feature-copy {







    position: relative;







    z-index: 2;







    padding-bottom: 12px;







}















.toys-page .toys-feature-copy::before {







    content: "🎄  ¡La magia de la Navidad en tus regalos!";







    display: table;







    max-width: 100%;







    margin: 0 0 13px;







    padding: 9px 17px;







    border-radius: 999px;







    background: linear-gradient(110deg, #c8102e, #e32636);







    color: #fff;







    font-family: Arial, sans-serif;







    font-size: clamp(.68rem, .9vw, .82rem);







    font-weight: 800;







    letter-spacing: .01em;







    line-height: 1.35;







    box-shadow: 0 5px 12px rgba(174,20,42,.20);







}















.toys-page .toys-feature-copy .eyebrow {







    color: #17365c;







    letter-spacing: .16em;







}















.toys-page .toys-feature-kicker {







    display: inline-block;







    margin: 0 0 8px;







    color: #c91f35;







    font-weight: 800;







    letter-spacing: .045em;







}















.toys-page .toys-feature-copy h1 {







    color: #12325a;







    font-family: Arial, Helvetica, sans-serif;







    font-size: clamp(2.25rem, 4.15vw, 4.25rem);







    font-weight: 900;







    line-height: .99;







    letter-spacing: -.045em;







    text-wrap: balance;







    text-shadow: 0 3px 0 rgba(242,112,54,.12);







}















.toys-page .toys-feature-description {







    color: #294a70;







    line-height: 1.62;







}















/* Regalos decorativos bajo el texto del producto. */







.toys-page .toys-feature-copy::after {







    content: "🎁  🎄  🎁";







    display: block;







    margin-top: 15px;







    font-size: clamp(27px, 3vw, 41px);







    line-height: 1.2;







    filter: drop-shadow(0 4px 3px rgba(100,50,20,.10));







}















/* Precio destacado y llamada a la accion en naranja. */







.toys-page .toys-feature-price {







    display: inline-flex;







    align-items: center;







    margin: 15px 0 19px;







    padding: 8px 17px;







    border-radius: 15px;







    background: linear-gradient(115deg, #c8102e, #e32636);







    color: #fff;







    font-size: clamp(1.35rem, 2.3vw, 2rem);







    font-weight: 900;







    letter-spacing: -.02em;







    box-shadow: 0 6px 14px rgba(174,20,42,.19);







}















.toys-page .toys-feature-price::after {







    content: " ❄";







    margin-left: 8px;







    font-size: .86em;







}















.toys-page .toys-feature-button {







    display: inline-flex;







    align-items: center;







    justify-content: center;







    min-height: 54px;







    padding: 14px 25px;







    border: 0;







    border-radius: 999px;







    background: linear-gradient(110deg, #ff741d, #f04425);







    color: #fff;







    font-weight: 800;







    box-shadow: 0 7px 17px rgba(231,75,34,.24);







    transition: transform .2s ease, box-shadow .2s ease;







}















.toys-page .toys-feature-button:hover {







    transform: translateY(-2px);







    box-shadow: 0 10px 23px rgba(231,75,34,.30);







}















/* Marco claro del producto, como en la referencia navidena. */







.toys-page .toys-feature-image {







    position: relative;







    z-index: 2;







    box-sizing: border-box;







    height: clamp(300px, 32vw, 420px);







    padding: 12px;







    border: 1px solid rgba(207,46,54,.13);







    border-radius: 23px;







    background: rgba(255,255,255,.95);







    box-shadow: 0 13px 32px rgba(24,48,73,.11);







}















.toys-page .toys-feature-image img {







    border-radius: 13px;







    filter: drop-shadow(0 7px 8px rgba(20,40,62,.08));







}















/* Nieve y destellos de fondo en el borde inferior. */







.toys-page .toys-feature-carousel::after {







    content: "❄       ❅              ❄           ❅       ❄";







    position: absolute;







    z-index: 0;







    right: 0;







    bottom: 0;







    left: 0;







    height: 66px;







    padding: 25px 18px 0;







    box-sizing: border-box;







    overflow: hidden;







    color: rgba(66,157,215,.65);







    font-size: 22px;







    letter-spacing: .2em;







    text-align: right;







    white-space: nowrap;







    pointer-events: none;







    background: linear-gradient(to top,







        rgba(255,255,255,.95) 0%,







        rgba(218,241,255,.67) 34%,







        transparent 100%);







}















.toys-page .toys-feature-controls {







    position: relative;







    z-index: 3;







    padding-bottom: 20px;







}















.toys-page .toys-feature-arrow {







    border-color: #f0d5bd;







    background: #fffdf9;







    color: #17365c;







}















.toys-page .toys-feature-dot.is-active {







    background: #f26a2f;







}















.toys-page .toys-feature-count {







    color: #17365c;







    font-weight: 700;







}















/* El resto de las categorias de juguetes sigue la misma temporada. */







.toys-page .toys-subcategories .section-heading .eyebrow::before {







    content: "🎁 ";







}















.toys-page .toy-subcategory-card {







    border-color: rgba(201,31,53,.16);







    background: linear-gradient(145deg, #fffaf4, #f0f8ff);







    box-shadow: 0 7px 18px rgba(24,48,73,.045);







    transition: transform .2s ease, box-shadow .2s ease;







}















.toys-page .toy-subcategory-card:hover {







    transform: translateY(-3px);







    box-shadow: 0 12px 24px rgba(24,48,73,.09);







}















.toys-page .toy-subcategory-card.is-active {







    border-color: #c91f35;







    background: linear-gradient(145deg, #fff2e7, #edf7ff);







}















@media (max-width: 900px) {







    .toys-page .toys-feature-slide {







        min-height: 0;







        padding-top: 72px;







        padding-bottom: 24px;







    }















    .toys-page .toys-feature-slides::after {







        left: 38%;







        top: 90px;







        font-size: 58px;







    }















    .toys-page .toys-feature-image {







        height: clamp(260px, 34vw, 350px);







    }















    .toys-page .toys-feature-copy h1 {







        font-size: clamp(2rem, 4.5vw, 3.2rem);







    }







}















@media (max-width: 760px) {







    .toys-page .toys-feature-carousel {







        border-radius: 18px;







    }















    .toys-page .toys-feature-carousel::before {







        height: 58px;







    }















    .toys-page .toys-feature-slide {







        grid-template-columns: minmax(0, 1fr);







        gap: 17px;







        padding: 69px 22px 18px;







    }















    .toys-page .toys-feature-slides::before {







        left: calc(50% - 20px);







        font-size: 35px;







    }















    .toys-page .toys-feature-slides::after {







        display: none;







    }















    .toys-page .toys-feature-copy::before {







        font-size: .72rem;







    }















    .toys-page .toys-feature-copy h1 {







        font-size: clamp(2rem, 8vw, 3rem);







    }















    .toys-page .toys-feature-copy::after {







        margin-top: 9px;







        font-size: 29px;







    }















    .toys-page .toys-feature-image {







        height: clamp(230px, 58vw, 340px);







        padding: 8px;







        border-radius: 17px;







    }















    .toys-page .toys-feature-controls {







        justify-content: center;







        gap: 10px;







        padding: 0 14px 17px;







    }















    .toys-page .toys-feature-carousel::after {







        height: 42px;







        padding-top: 12px;







        font-size: 17px;







    }







}















@media (max-width: 420px) {







    .toys-page .toys-feature-slide {







        padding-right: 16px;







        padding-left: 16px;







    }















    .toys-page .toys-feature-copy::before {







        padding: 8px 11px;







        font-size: .66rem;







    }















    .toys-page .toys-feature-image {







        height: 225px;







    }







}















@media (prefers-reduced-motion: reduce) {







    .toys-page .toys-feature-button {







        transition: none;







    }















    .toys-page .toys-feature-button:hover,







    .toys-page .toy-subcategory-card:hover {







        transform: none;







    }







}















/* NAVIDAD_DETALLADA_SOLO_JUGUETES_V4 */







.toys-page .toys-feature-carousel {







    position: relative;







    isolation: isolate;







    overflow: hidden;







    border: 1px solid #efd9c3;







    border-radius: 24px;







    background:







        radial-gradient(ellipse at 0% 100%, rgba(255,194,145,.35), transparent 35%),







        radial-gradient(ellipse at 100% 100%, rgba(91,185,238,.27), transparent 43%),







        linear-gradient(115deg, #fff0df 0%, #fffaf5 51%, #edf7ff 100%);







    box-shadow: 0 15px 35px rgba(25,48,75,.09);







}







.toys-page .toys-feature-carousel::before {







    content: "";







    position: absolute;







    z-index: 0;







    pointer-events: none;







    top: 0;







    left: 0;







    right: 0;







    height: 118px;







    background: url("/static/images/dango_navidad_guirnalda_v4.svg") center top / 100% 100% no-repeat;







}







.toys-page .toys-feature-slides { position: relative; z-index: 1; }







.toys-page .toys-feature-slides::before { content: none; display: none; }







.toys-page .toys-feature-slides::after {







    content: "";







    position: absolute;







    z-index: 0;







    pointer-events: none;







    top: 105px;







    left: 43%;







    width: clamp(105px, 12vw, 160px);







    height: clamp(180px, 22vw, 255px);







    background: url("/static/images/dango_navidad_santa_v4.svg") center bottom / contain no-repeat;







    filter: drop-shadow(0 4px 5px rgba(90,35,30,.10));







}







.toys-page .toys-feature-slide {







    position: relative;







    z-index: 1;







    min-height: 520px;







    padding: 94px clamp(25px, 3.5vw, 52px) 20px;







    gap: clamp(20px, 3vw, 43px);







}







.toys-page .toys-feature-copy { position: relative; z-index: 2; min-width: 0; padding-bottom: 0; }







.toys-page .toys-feature-copy::before {







    content: "🎄  ¡La magia de la Navidad en tus regalos!";







    display: table;







    max-width: 100%;







    margin: 0 0 13px;







    padding: 9px 17px;







    border-radius: 999px;







    background: linear-gradient(110deg, #c8102e, #e32636);







    color: #fff;







    font-family: Arial, sans-serif;







    font-size: clamp(.68rem, .9vw, .82rem);







    font-weight: 800;







    line-height: 1.35;







    box-shadow: 0 5px 12px rgba(174,20,42,.20);







}







.toys-page .toys-feature-copy .eyebrow { color: #17365c; letter-spacing: .15em; }







.toys-page .toys-feature-kicker { color: #c91f35; font-weight: 800; }







.toys-page .toys-feature-copy h1 {







    color: #12325a;







    font-family: Arial, Helvetica, sans-serif;







    font-size: clamp(2.15rem, 3.7vw, 3.7rem);







    font-weight: 900;







    line-height: 1;







    letter-spacing: -.04em;







    text-wrap: balance;







    text-shadow: 0 3px 0 rgba(242,112,54,.12);







}







.toys-page .toys-feature-description { color: #294a70; line-height: 1.6; }







.toys-page .toys-feature-copy::after {







    content: "";







    display: block;







    width: min(100%, 360px);







    height: 112px;







    margin-top: 8px;







    background: url("/static/images/dango_navidad_regalos_v4.svg") left center / contain no-repeat;







    filter: drop-shadow(0 3px 3px rgba(80,45,25,.08));







}







.toys-page .toys-feature-price {







    display: table;







    align-items: center;







    margin: 12px 0 17px;







    padding: 8px 16px;







    border-radius: 15px;







    background: linear-gradient(115deg, #c8102e, #e32636);







    color: #fff;







    font-size: clamp(1.3rem, 2.2vw, 1.9rem);







    font-weight: 900;







    box-shadow: 0 6px 14px rgba(174,20,42,.19);







}







.toys-page .toys-feature-price::after { content: " ❄"; margin-left: 8px; font-size: .85em; }







.toys-page .toys-feature-button {







    display: inline-flex;







    align-items: center;







    justify-content: center;







    min-height: 54px;







    padding: 14px 25px;







    border: 0;







    border-radius: 999px;







    background: linear-gradient(110deg, #ff741d, #f04425);







    color: #fff;







    font-weight: 800;







    box-shadow: 0 7px 17px rgba(231,75,34,.24);







    transition: transform .2s ease, box-shadow .2s ease;







}







.toys-page .toys-feature-button:hover { transform: translateY(-2px); box-shadow: 0 10px 23px rgba(231,75,34,.30); }







.toys-page .toys-feature-image {







    position: relative;







    z-index: 2;







    box-sizing: border-box;







    height: clamp(310px, 31vw, 405px);







    padding: 12px;







    border: 1px solid rgba(207,46,54,.13);







    border-radius: 23px;







    background: rgba(255,255,255,.96);







    box-shadow: 0 13px 32px rgba(24,48,73,.11);







}







.toys-page .toys-feature-image img { border-radius: 13px; filter: drop-shadow(0 7px 8px rgba(20,40,62,.08)); }







.toys-page .toys-feature-carousel::after {







    content: "";







    position: absolute;







    z-index: 0;







    right: 0;







    bottom: 0;







    left: 0;







    height: 78px;







    pointer-events: none;







    background: url("/static/images/dango_navidad_nieve_v4.svg") center bottom / 100% 100% no-repeat;







}







.toys-page .toys-feature-controls { position: relative; z-index: 3; padding-bottom: 20px; }







.toys-page .toys-feature-arrow { border-color: #f0d5bd; background: #fffdf9; color: #17365c; }







.toys-page .toys-feature-dot.is-active { background: #f26a2f; }







.toys-page .toys-feature-count { color: #17365c; font-weight: 700; }















.toys-page .toys-benefits-bar {







    display: grid;







    grid-template-columns: repeat(3, minmax(0, 1fr));







    gap: 16px;







    margin: 20px 0 34px;







}







.toys-page .toys-benefit {







    display: flex;







    align-items: center;







    gap: 14px;







    min-width: 0;







    padding: 15px 19px;







    border: 1px solid #e3edf6;







    border-radius: 20px;







    background: linear-gradient(110deg, #fff, #f0f8ff);







    box-shadow: 0 5px 16px rgba(25,65,95,.06);







}







.toys-page .toys-benefit svg { flex: 0 0 42px; width: 42px; height: 42px; color: #1687dd; }







.toys-page .toys-benefit:nth-child(3) svg { color: #ed5634; }







.toys-page .toys-benefit strong, .toys-page .toys-benefit span { display: block; }







.toys-page .toys-benefit strong { margin-bottom: 3px; color: #14345c; font-size: .98rem; line-height: 1.25; }







.toys-page .toys-benefit span { color: #415c7d; font-size: .91rem; line-height: 1.35; }







.toys-page .toys-subcategories .section-heading .eyebrow::before { content: "🎁 "; }







.toys-page .toys-subcategories .section-heading .eyebrow::after {







    content: "";







    display: block;







    width: 28px;







    height: 3px;







    margin-top: 7px;







    border-radius: 2px;







    background: #ef6338;







}







.toys-page .toy-subcategory-card { border-color: rgba(201,31,53,.15); background: linear-gradient(145deg, #fffaf4, #f0f8ff); box-shadow: 0 7px 18px rgba(24,48,73,.045); }







.toys-page .toy-subcategory-card.is-active { border-color: #c91f35; background: linear-gradient(145deg, #fff2e7, #edf7ff); }















@media (max-width: 900px) {







    .toys-page .toys-feature-slide { min-height: 0; padding-top: 84px; padding-bottom: 18px; }







    .toys-page .toys-feature-slides::after { left: 40%; top: 112px; width: 105px; height: 185px; }







    .toys-page .toys-feature-image { height: clamp(260px, 34vw, 350px); }







    .toys-page .toys-feature-copy h1 { font-size: clamp(2rem, 4.5vw, 3.2rem); }







}







@media (max-width: 760px) {







    .toys-page .toys-feature-carousel { border-radius: 18px; }







    .toys-page .toys-feature-carousel::before { height: 82px; }







    .toys-page .toys-feature-slide { grid-template-columns: minmax(0, 1fr); gap: 13px; padding: 80px 22px 16px; }







    .toys-page .toys-feature-slides::after { display: none; }







    .toys-page .toys-feature-copy::before { font-size: .7rem; }







    .toys-page .toys-feature-copy h1 { font-size: clamp(2rem, 8vw, 3rem); }







    .toys-page .toys-feature-copy::after { width: min(100%, 290px); height: 90px; }







    .toys-page .toys-feature-image { height: clamp(230px, 58vw, 340px); padding: 8px; border-radius: 17px; }







    .toys-page .toys-feature-controls { justify-content: center; gap: 10px; padding: 0 14px 17px; }







    .toys-page .toys-feature-carousel::after { height: 50px; }







    .toys-page .toys-benefits-bar { grid-template-columns: minmax(0, 1fr); gap: 10px; margin: 15px 0 25px; }







    .toys-page .toys-benefit { padding: 12px 15px; }







}







@media (max-width: 420px) {







    .toys-page .toys-feature-slide { padding-right: 16px; padding-left: 16px; }







    .toys-page .toys-feature-copy::before { padding: 8px 11px; font-size: .65rem; }







    .toys-page .toys-feature-image { height: 225px; }







}







@media (prefers-reduced-motion: reduce) {







    .toys-page .toys-feature-button, .toys-page .toy-subcategory-card { transition: none; }







    .toys-page .toys-feature-button:hover, .toys-page .toy-subcategory-card:hover { transform: none; }







}















/* NAVIDAD_COMPOSICION_V5_SOLO_JUGUETES */















/* Fondo navideño más rico, limitado a la página de juguetes. */







.toys-page .toys-feature-carousel {







    background-image:







        url("/static/images/dango_navidad_escena_v5.svg"),







        radial-gradient(ellipse at 0% 100%, rgba(255,194,145,.35), transparent 35%),







        radial-gradient(ellipse at 100% 100%, rgba(91,185,238,.27), transparent 43%),







        linear-gradient(115deg, #fff0df 0%, #fffaf5 51%, #edf7ff 100%);







    background-position: right center, center, center, center;







    background-size: 100% 100%, auto, auto, auto;







    background-repeat: no-repeat;







}















/* Guirnalda menos alta y lazo centrado. */







.toys-page .toys-feature-carousel::before {







    height: 99px;







}















/* Hero más compacto, con el producto más a la derecha. */







.toys-page .toys-feature-slide {







    box-sizing: border-box;







    min-height: 520px;







    padding-top: 88px;







    padding-right: 17px;







    padding-bottom: 12px;







    padding-left: clamp(25px, 3.5vw, 48px);







    gap: clamp(20px, 3vw, 43px);







}















/* Santa visible en el espacio entre el texto y el producto. */







.toys-page .toys-feature-slides::after {







    display: block;







    top: 105px;







    left: 40%;







    width: clamp(120px, 12vw, 158px);







    height: clamp(190px, 22vw, 245px);







}















/* Los regalos son decoración y ya no alargan el contenido del texto. */







.toys-page .toys-feature-copy::after {







    position: absolute;







    left: 0;







    bottom: -94px;







    width: min(100%, 305px);







    height: 92px;







    margin-top: 0;







    pointer-events: none;







}















/* Mantener el producto protagonista sin ocupar toda la sección. */







.toys-page .toys-feature-image {







    height: clamp(285px, 29vw, 380px);







}















/* La franja de beneficios queda visualmente más cerca del carrusel. */







.toys-page .toys-benefits-bar {







    margin-top: 14px;







}















/* Ajustes para tabletas. */







@media (max-width: 900px) {







    .toys-page .toys-feature-slide {







        min-height: 0;







        padding-top: 81px;







        padding-right: 20px;







        padding-bottom: 12px;







    }















    .toys-page .toys-feature-slides::after {







        top: 104px;







        left: 39%;







        width: 112px;







        height: 185px;







    }















    .toys-page .toys-feature-image {







        height: clamp(260px, 34vw, 350px);







    }







}















/* En móvil se conserva el apilado y se oculta Santa detrás del texto. */







@media (max-width: 760px) {







    .toys-page .toys-feature-carousel::before {







        height: 74px;







    }















    .toys-page .toys-feature-slide {







        min-height: 0;







        padding-top: 75px;







        padding-right: 22px;







        padding-bottom: 12px;







        padding-left: 22px;







    }















    .toys-page .toys-feature-slides::after {







        display: none;







    }















    .toys-page .toys-feature-copy::after {







        position: relative;







        bottom: auto;







        height: 78px;







        margin-top: 7px;







    }















    .toys-page .toys-feature-image {







        height: clamp(230px, 58vw, 340px);







    }















    .toys-page .toys-benefits-bar {







        margin-top: 12px;







    }







}















@media (max-width: 420px) {







    .toys-page .toys-feature-slide {







        padding-right: 16px;







        padding-left: 16px;







    }















    .toys-page .toys-feature-image {







        height: 225px;







    }







}















/* NAVIDAD_ESCENA_NATURAL_V6 */







/* Escena navidena PNG limitada a la pagina Juguetes. */







.toys-page .toys-feature-carousel {







    position: relative;







    isolation: isolate;







    overflow: hidden;







    background-image:







        radial-gradient(ellipse at 0% 100%, rgba(255,194,145,.30), transparent 35%),







        radial-gradient(ellipse at 100% 100%, rgba(91,185,238,.24), transparent 43%),







        linear-gradient(115deg, #fff0df 0%, #fffaf5 51%, #edf7ff 100%);







    background-position: center;







    background-repeat: no-repeat;







}















/* Marco fotografico natural transparente, sin dibujos antiguos encima. */







.toys-page .toys-feature-carousel::before {







    content: "";







    display: block;







    position: absolute;







    z-index: 2;







    inset: 0;







    width: 100%;







    height: 100%;







    pointer-events: none;







    background-image: url("/static/images/dango_navidad_overlay_v6_final.png");







    background-position: center center;







    background-size: 100% 100%;







    background-repeat: no-repeat;







}















/* Desactivar los adornos V3-V5 sustituidos por el nuevo PNG. */







.toys-page .toys-feature-carousel::after,







.toys-page .toys-feature-slides::before,







.toys-page .toys-feature-slides::after,







.toys-page .toys-feature-copy::after {







    content: none !important;







    display: none !important;







}















/* Contenido y producto por delante de las zonas decorativas. */







.toys-page .toys-feature-slides {







    position: relative;







    z-index: 3;







}















.toys-page .toys-feature-slide {







    position: relative;







    z-index: 3;







}















.toys-page .toys-feature-copy {







    position: relative;







    z-index: 4;







}















.toys-page .toys-feature-image {







    position: relative;







    z-index: 5;







}















.toys-page .toys-feature-controls {







    position: relative;







    z-index: 6;







}















.toys-page .toys-feature-price {







    background: linear-gradient(115deg, #c8102e, #e32636);







    color: #fff;







}















.toys-page .toys-feature-button {







    background: linear-gradient(110deg, #ff741d, #f04425);







    color: #fff;







}















/* En movil se conserva el orden vertical y la decoracion se adapta. */







@media (max-width: 760px) {







    .toys-page .toys-feature-carousel::before {







        background-position: center top;







        background-size: 100% 100%;







    }







}















/* AJUSTE_LEGIBILIDAD_NAVIDAD_V7 */







/* Facilita la lectura sin ocultar toda la escena navideña. */







.toys-page .toys-feature-copy {







    position: relative;







    z-index: 4;







    isolation: isolate;







    box-sizing: border-box;







    max-width: 485px;







    padding: 0 14px 5px 0;







    border-radius: 14px;







    background: linear-gradient(







        90deg,







        rgba(255, 247, 237, .99) 0%,







        rgba(255, 247, 237, .97) 65%,







        rgba(255, 247, 237, .86) 84%,







        rgba(255, 247, 237, .34) 96%,







        rgba(255, 247, 237, 0) 100%







    );







}















.toys-page .toys-feature-copy h1 {







    max-width: 100%;







    text-wrap: pretty;







}















.toys-page .toys-feature-description {







    max-width: 100%;







}















@media (max-width: 760px) {







    .toys-page .toys-feature-copy {







        max-width: 100%;







        padding-right: 0;







        background: linear-gradient(







            180deg,







            rgba(255, 247, 237, .98),







            rgba(255, 247, 237, .90)







        );







    }







}















/* AJUSTE_PRODUCTO_NAVIDAD_V8 */







/* Composicion mas equilibrada para la fotografia del juguete. */







.toys-page .toys-feature-image {







    box-sizing: border-box;







    width: min(100%, 570px);







    max-width: 570px;







    height: clamp(265px, 25vw, 335px);







    justify-self: end;







    align-self: center;







    margin-right: 8px;







    padding: 10px;







    transform: none;







}















.toys-page .toys-feature-image img {







    display: block;







    width: 100%;







    height: 100%;







    object-fit: contain;







    object-position: center;







}















/* Adaptacion para tabletas. */







@media (max-width: 900px) and (min-width: 761px) {







    .toys-page .toys-feature-image {







        width: 100%;







        max-width: 100%;







        height: clamp(245px, 30vw, 310px);







        margin-right: 0;







    }







}















/* En movil la imagen usa el ancho disponible sin desbordarse. */







@media (max-width: 760px) {







    .toys-page .toys-feature-image {







        width: 100%;







        max-width: 100%;







        height: clamp(230px, 58vw, 340px);







        margin-right: 0;







    }







}















@media (max-width: 420px) {







    .toys-page .toys-feature-image {







        height: 225px;







    }







}















/* CAPAS_ESCENA_PRODUCTO_NAVIDAD_V9 */







/* La decoracion navidena pasa delante de la tarjeta del producto. */







.toys-page .toys-feature-carousel {







    isolation: isolate;







}















/* Evitar que estos contenedores bloqueen el orden de las capas. */







.toys-page .toys-feature-slides {







    position: relative;







    z-index: auto;







}















.toys-page .toys-feature-slide {







    position: relative;







    z-index: auto;







}















/* PNG navideno por delante del marco del producto. */







.toys-page .toys-feature-carousel::before {







    position: absolute;







    z-index: 6;







    inset: 0;







    width: 100%;







    height: 100%;







    pointer-events: none;







    background-image: url("/static/images/dango_navidad_overlay_v6_final.png");







    background-position: center center;







    background-size: 100% 100%;







    background-repeat: no-repeat;







}















/* La foto del juguete queda detras de las decoraciones. */







.toys-page .toys-feature-image {







    position: relative;







    z-index: 4;







}















/* El texto conserva prioridad y no queda tapado por Santa o los regalos. */







.toys-page .toys-feature-copy {







    position: relative;







    z-index: 7;







}















/* Los controles siguen siendo accesibles por encima de la escena. */







.toys-page .toys-feature-controls {







    position: relative;







    z-index: 8;







}















/* ENCUADRE_NAVIDAD_JUGUETES_V10 */















/* Escena completa detrás del contenido para evitar que tape texto y producto. */







.toys-page .toys-feature-carousel {







    isolation: isolate;







}















.toys-page .toys-feature-carousel::before {







    z-index: 1 !important;







    pointer-events: none;







}















/* Solo la franja superior de la misma escena pasa delante como marco. */







.toys-page .toys-feature-carousel::after {







    content: "" !important;







    display: block !important;







    position: absolute;







    z-index: 6;







    top: 0;







    right: 0;







    bottom: auto;







    left: 0;







    width: 100%;







    height: 100%;







    padding: 0;







    pointer-events: none;







    background-image: url("/static/images/dango_navidad_overlay_v6_final.png");







    background-position: center center;







    background-size: 100% 100%;







    background-repeat: no-repeat;







    clip-path: inset(0 0 82% 0);







}















/* Mantener el contenido en una capa independiente de la decoración. */







.toys-page .toys-feature-slides {







    position: relative;







    z-index: auto;







}















.toys-page .toys-feature-slide {







    position: relative;







    z-index: auto;







}















/* Texto más contenido y legible, sin competir con Santa. */







.toys-page .toys-feature-copy {







    position: relative;







    z-index: 7;







    box-sizing: border-box;







    width: 100%;







    max-width: 465px;







    padding-right: 12px;







    border-radius: 14px;







    background: linear-gradient(







        90deg,







        rgba(255, 247, 237, .99) 0%,







        rgba(255, 247, 237, .97) 72%,







        rgba(255, 247, 237, .82) 91%,







        rgba(255, 247, 237, 0) 100%







    );







}















.toys-page .toys-feature-copy h1 {







    max-width: 100%;







    overflow-wrap: break-word;







    text-wrap: balance;







}















.toys-page .toys-feature-description {







    max-width: 100%;







}















/* Fotografía algo menor, centrada y con margen alrededor. */







.toys-page .toys-feature-image {







    position: relative;







    z-index: 4;







    box-sizing: border-box;







    width: min(100%, 550px);







    max-width: 550px;







    height: clamp(260px, 25vw, 335px);







    justify-self: end;







    align-self: center;







    margin-right: 24px;







    padding: 10px;







    overflow: hidden;







    border-radius: 22px;







    background: rgba(255, 255, 255, .97);







    box-shadow: 0 12px 28px rgba(24, 48, 73, .12);







}















.toys-page .toys-feature-image img {







    display: block;







    width: 100%;







    height: 100%;







    object-fit: contain;







    object-position: center;







}















/* Controles por delante de la nieve del fondo. */







.toys-page .toys-feature-controls {







    position: relative;







    z-index: 8;







}















@media (max-width: 900px) and (min-width: 761px) {







    .toys-page .toys-feature-copy {







        max-width: 100%;







        padding-right: 7px;







    }















    .toys-page .toys-feature-image {







        width: 100%;







        max-width: 100%;







        height: clamp(245px, 30vw, 310px);







        margin-right: 8px;







    }







}















@media (max-width: 760px) {







    .toys-page .toys-feature-carousel::after {







        clip-path: inset(0 0 90% 0);







    }















    .toys-page .toys-feature-copy {







        max-width: 100%;







        padding-right: 0;







        background: rgba(255, 247, 237, .94);







    }















    .toys-page .toys-feature-image {







        width: 100%;







        max-width: 100%;







        height: clamp(230px, 58vw, 340px);







        margin-right: 0;







    }







}















@media (max-width: 420px) {







    .toys-page .toys-feature-image {







        height: 225px;







    }







}















/* MOVER_PRODUCTO_NAVIDAD_IZQUIERDA_V11 */







/* Desplazamiento moderado del marco, solo en escritorio. */







@media (min-width: 901px) {







    .toys-page .toys-feature-image {







        transform: translateX(-35px);







    }







}















/* ENCUADRE_PRODUCTO_NAVIDAD_V12 */







/* Imagen un poco menor y mejor separada de Santa y el arbol. */







@media (min-width: 901px) {







    .toys-page .toys-feature-image {







        box-sizing: border-box;







        width: min(100%, 500px);







        max-width: 500px;







        height: clamp(250px, 22vw, 300px);







        justify-self: end;







        align-self: center;







        margin-right: 48px;







        padding: 10px;







        transform: translateX(-20px);







    }















    .toys-page .toys-feature-image img {







        display: block;







        width: 100%;







        height: 100%;







        object-fit: contain;







        object-position: center;







    }







}















/* MOVER_JUGUETE_MAS_IZQUIERDA_V13 */







@media (min-width: 901px) {







    .toys-page .toys-feature-image {







        transform: translateX(-55px);







    }







}















/* CORREGIR_SOLAPAMIENTO_TEXTO_NAVIDAD_V14 */







/* La escena queda detrás del contenido en todos los slides. */







.toys-page .toys-feature-carousel::before {







    z-index: 0 !important;







    pointer-events: none;







}















.toys-page .toys-feature-slides {







    position: relative !important;







    z-index: 2 !important;







}















.toys-page .toys-feature-slide {







    position: relative !important;







    z-index: 2 !important;







}















.toys-page .toys-feature-copy {







    position: relative !important;







    z-index: 4 !important;







    box-sizing: border-box;







    width: 100%;







    max-width: 470px;







    padding: 10px 14px 12px 0;







    border-radius: 12px;







    background: rgba(255, 247, 237, .98) !important;







    box-shadow: 8px 0 14px rgba(255, 247, 237, .30);







}















.toys-page .toys-feature-copy h1,







.toys-page .toys-feature-description,







.toys-page .toys-feature-kicker,







.toys-page .toys-feature-copy .eyebrow {







    position: relative;







    z-index: 5;







}















.toys-page .toys-feature-description {







    color: #294a70;







    opacity: 1;







}















/* El precio y el boton siempre quedan opacos y legibles. */







.toys-page .toys-feature-price {







    position: relative;







    z-index: 5;







    background: #d51f38 !important;







    color: #fff !important;







    opacity: 1 !important;







}















.toys-page .toys-feature-button {







    position: relative;







    z-index: 5;







    background: linear-gradient(110deg, #ff741d, #f04425) !important;







    color: #fff !important;







    opacity: 1 !important;







    box-shadow: 0 7px 17px rgba(231, 75, 34, .24);







}















/* Se conserva la guirnalda frontal, recortada a la franja superior. */







.toys-page .toys-feature-carousel::after {







    z-index: 6;







    clip-path: inset(0 0 82% 0);







    pointer-events: none;







}















.toys-page .toys-feature-controls {







    position: relative;







    z-index: 8;







}















@media (max-width: 760px) {







    .toys-page .toys-feature-copy {







        width: 100%;







        max-width: 100%;







        padding: 10px 12px;







        border-radius: 12px;







        background: rgba(255, 247, 237, .98) !important;







        box-shadow: none;







    }







}















/* TEXTO_DELANTE_ZONA_MARCADA_NAVIDAD_V15 */







/* La zona del producto queda debajo del bloque de texto. */







.toys-page .toys-feature-slide {







    position: relative !important;







    isolation: isolate;







}















.toys-page .toys-feature-image {







    position: relative !important;







    z-index: 2 !important;







}















.toys-page .toys-feature-copy {







    position: relative !important;







    z-index: 10 !important;







    background: #fff7ed !important;







    opacity: 1 !important;







}















.toys-page .toys-feature-copy h1,







.toys-page .toys-feature-description,







.toys-page .toys-feature-kicker,







.toys-page .toys-feature-copy .eyebrow,







.toys-page .toys-feature-price,







.toys-page .toys-feature-button {







    position: relative;







    z-index: 11;







    opacity: 1 !important;







}















.toys-page .toys-feature-description {







    color: #294a70 !important;







}















.toys-page .toys-feature-price {







    background: #d51f38 !important;







    color: #fff !important;







}















.toys-page .toys-feature-button {







    background: linear-gradient(110deg, #ff741d, #f04425) !important;







    color: #fff !important;







}















@media (max-width: 760px) {







    .toys-page .toys-feature-copy {







        z-index: 10 !important;







        background: #fff7ed !important;







    }







}















/* CAPAS_ESCENA_SOBRE_TARJETA_TEXTO_ENCIMA_V16 */







/* Orden de capas: tarjeta del producto, escena transparente, texto y controles. */















/* La ilustracion navidena completa pasa por delante del marco del producto. */







.toys-page .toys-feature-carousel::before {







    content: "" !important;







    display: block !important;







    position: absolute !important;







    z-index: 6 !important;







    inset: 0 !important;







    width: 100% !important;







    height: 100% !important;







    pointer-events: none !important;







    background-image: url("/static/images/dango_navidad_overlay_v6_final.png") !important;







    background-position: center center !important;







    background-size: 100% 100% !important;







    background-repeat: no-repeat !important;







}















/* Evita duplicar el PNG con el recorte superior anterior. */







.toys-page .toys-feature-carousel::after {







    content: none !important;







    display: none !important;







}















/* Desactiva contextos intermedios que impedían ordenar las capas. */







.toys-page .toys-feature-slides {







    position: relative !important;







    z-index: auto !important;







    isolation: auto !important;







}















.toys-page .toys-feature-slide {







    position: relative !important;







    z-index: auto !important;







    isolation: auto !important;







}















/* La tarjeta queda detrás de los detalles decorativos del PNG. */







.toys-page .toys-feature-image {







    position: relative !important;







    z-index: 4 !important;







}















/* Texto totalmente legible por encima de la escena y del producto. */







.toys-page .toys-feature-copy {







    position: relative !important;







    z-index: 7 !important;







    isolation: isolate;







    background: #fff7ed !important;







    opacity: 1 !important;







}















.toys-page .toys-feature-copy h1,







.toys-page .toys-feature-description,







.toys-page .toys-feature-kicker,







.toys-page .toys-feature-copy .eyebrow,







.toys-page .toys-feature-price,







.toys-page .toys-feature-button {







    position: relative;







    z-index: 1;







    opacity: 1 !important;







}















.toys-page .toys-feature-description {







    color: #294a70 !important;







}















.toys-page .toys-feature-price {







    background: #d51f38 !important;







    color: #fff !important;







}















.toys-page .toys-feature-button {







    background: linear-gradient(110deg, #ff741d, #f04425) !important;







    color: #fff !important;







}















/* Los controles quedan por encima de la nieve inferior. */







.toys-page .toys-feature-controls {







    position: relative !important;







    z-index: 8 !important;







}















/* HEADER_NAVIDAD_INTEGRADO_JUGUETES_V1 */







/* Solo se activa cuando la página actual es Juguetes. */







body.juguetes-navidad-header .site-header {







    position: relative;







    z-index: 10;







    overflow: visible;







    background: #fffaf3;







    border-bottom: 1px solid #f1dfcd;







    box-shadow: 0 5px 22px rgba(91, 57, 28, .07);







}















/* La decoración forma parte del fondo de la fila del logo y el buscador. */







body.juguetes-navidad-header .header-main {







    position: relative;







    background-color: #fffaf3;







    background-image:







        linear-gradient(







            180deg,







            rgba(255, 250, 241, .10) 0%,







            rgba(255, 250, 241, .26) 25%,







            rgba(255, 255, 255, .91) 54%,







            rgba(255, 255, 255, .99) 100%







        ),







        url("/static/images/dango_navidad_header_decor_v1.svg");







    background-size: 100% 100%, 100% 100%;







    background-position: center top, center top;







    background-repeat: no-repeat;







    border-bottom: 1px solid #f3e5d7;







}















body.juguetes-navidad-header .header-main-inner {







    position: relative;







    z-index: 1;







    min-height: 116px;







}















/* Conserva el logo existente sin sustituir su imagen ni sus letras. */







body.juguetes-navidad-header .brand {







    position: relative;







    z-index: 2;







}















/* Buscador real, con acabado cálido y botón rojo navideño. */







body.juguetes-navidad-header .site-search {







    position: relative;







    z-index: 2;







    background: rgba(255, 255, 255, .97);







    border-color: #efd5bf;







    box-shadow: 0 5px 18px rgba(174, 72, 40, .09);







}















body.juguetes-navidad-header .site-search button {







    background: #d71932;







    color: #fff;







}















body.juguetes-navidad-header .site-search button:hover {







    background: #b9132a;







}















/* Favoritos y carrito mantienen sus elementos reales y su contador. */







body.juguetes-navidad-header .header-actions {







    position: relative;







    z-index: 2;







    gap: 18px;







}















body.juguetes-navidad-header .cart-count {







    background: #d71932;







}















/* Navegación clara integrada con la fila superior. */







body.juguetes-navidad-header .category-nav {







    background: linear-gradient(180deg, #fffefa 0%, #fff9f3 100%);







    border-bottom: 1px solid #f1e4d8;







}















body.juguetes-navidad-header .category-nav-inner {







    min-height: 60px;







}















body.juguetes-navidad-header .category-nav-link.is-current {







    gap: 7px;







    padding-right: 16px;







    padding-left: 16px;







    border-radius: 999px;







    background: #fff0f2;







    color: #c91f35;







    box-shadow: 0 3px 10px rgba(201, 31, 53, .08);







    font-weight: 800;







}















body.juguetes-navidad-header .category-nav-link.is-current::before {







    content: "🎁";







    display: inline-block;







    font-size: .94rem;







    line-height: 1;







}















body.juguetes-navidad-header .category-nav-link.is-current:hover {







    background: #ffe4e8;







    color: #a8142b;







}















/* Ajustes para tabletas y móviles. */







@media (max-width: 1100px) {







    body.juguetes-navidad-header .header-main-inner {







        gap: 16px;







        min-height: 108px;







    }















    body.juguetes-navidad-header .header-actions {







        gap: 12px;







    }







}















@media (max-width: 760px) {







    body.juguetes-navidad-header .header-main {







        background-size: 100% 100%, 100% 100px;







        background-position: center top, center top;







    }















    body.juguetes-navidad-header .header-main-inner {







        min-height: 0;







        padding-top: 22px;







        padding-bottom: 12px;







    }















    body.juguetes-navidad-header .header-actions {







        gap: 10px;







    }















    body.juguetes-navidad-header .category-nav-inner {







        min-height: 54px;







    }















    body.juguetes-navidad-header .category-nav-link.is-current {







        padding-right: 10px;







        padding-left: 10px;







    }







}















@media (prefers-reduced-motion: reduce) {







    body.juguetes-navidad-header .site-search button {







        transition: none;







    }







}















/* HEADER_NAVIDAD_INTEGRADO_V2 */







/* Decoracion panoramica integrada en la fila existente del encabezado. */







body.juguetes-navidad-header .header-main {







    background-color: #fffaf3;







    background-image: url("/static/images/dango_navidad_header_overlay_v2.png") !important;







    background-position: center top !important;







    background-size: 100% 100% !important;







    background-repeat: no-repeat !important;







    border-bottom: 1px solid #f1e3d4;







}















/* Logo, búsqueda y controles mantienen su estructura y funcionalidad. */







body.juguetes-navidad-header .header-main-inner {







    position: relative;







    z-index: 1;







}















body.juguetes-navidad-header .brand,







body.juguetes-navidad-header .site-search,







body.juguetes-navidad-header .header-actions {







    position: relative;







    z-index: 2;







}















/* Acabado cálido para que el buscador se integre con la decoración. */







body.juguetes-navidad-header .site-search {







    background-color: rgba(255, 255, 255, .97);







    border-color: #efd5bf;







    box-shadow: 0 5px 18px rgba(174, 72, 40, .08);







}















body.juguetes-navidad-header .site-search button {







    background: #d71932;







    color: #fff;







}















body.juguetes-navidad-header .site-search button:hover {







    background: #b9132a;







}















body.juguetes-navidad-header .cart-count {







    background: #d71932;







}















/* Conserva visible la navegación y la categoría Juguetes. */







body.juguetes-navidad-header .category-nav {







    background: linear-gradient(180deg, #fffefa, #fff9f3);







}















body.juguetes-navidad-header .category-nav-link.is-current {







    background: #fff0f2;







    color: #c91f35;







    font-weight: 800;







}















@media (max-width: 760px) {







    body.juguetes-navidad-header .header-main {







        background-size: 100% 100% !important;







        background-position: center top !important;







    }







}















/* HEADER_NAVIDAD_LEGIBLE_SIN_GUÍRNALDA_DUPLICADA_V3 */















/* Logo original sobre una base clara: no se altera su imagen ni tipografía. */







body.juguetes-navidad-header .brand {







    position: relative;







    z-index: 12;







    box-sizing: border-box;







    padding: 5px 12px 5px 8px;







    border: 1px solid rgba(235, 218, 197, .82);







    border-radius: 17px;







    background: rgba(255, 255, 255, .97);







    box-shadow: 0 5px 16px rgba(65, 45, 26, .09);







}















/* Favoritos y Carrito agrupados sobre una base blanca para máxima legibilidad. */







body.juguetes-navidad-header .header-actions {







    position: relative;







    z-index: 12;







    box-sizing: border-box;







    padding: 8px 10px;







    gap: 16px;







    border: 1px solid rgba(235, 218, 197, .82);







    border-radius: 17px;







    background: rgba(255, 255, 255, .97);







    box-shadow: 0 5px 16px rgba(65, 45, 26, .09);







}















body.juguetes-navidad-header .header-action {







    color: #132d49;







    opacity: 1;







    text-shadow: none;







}















body.juguetes-navidad-header .action-icon,







body.juguetes-navidad-header .cart-icon,







body.juguetes-navidad-header .cart-label {







    color: #132d49;







}















/* El buscador y sus controles quedan delante del fondo decorativo. */







body.juguetes-navidad-header .header-main-inner {







    position: relative;







    z-index: 2;







}















body.juguetes-navidad-header .site-search {







    position: relative;







    z-index: 11;







}















/* Elimina la guirnalda horizontal del carrusel; mantiene la decoración inferior







   y lateral de la escena existente. */







body.juguetes-navidad-header .toys-page .toys-feature-carousel::before {







    clip-path: inset(26% 0 0 0) !important;







}















@media (max-width: 760px) {







    body.juguetes-navidad-header .brand {







        padding: 4px 8px;







        border-radius: 13px;







    }















    body.juguetes-navidad-header .header-actions {







        padding: 6px;







        gap: 8px;







        border-radius: 13px;







    }







}















/* CABECERA_FORMA_ORGANICA_HERO_COMPACTO_V4 */















/* Logo sobre una forma ovalada orgánica, no una tarjeta rectangular. */







body.juguetes-navidad-header .brand {







    position: relative;







    isolation: isolate;







    box-sizing: border-box;







    padding: 5px 12px 5px 8px;







    border: 0 !important;







    border-radius: 0 !important;







    background: transparent !important;







    box-shadow: none !important;







}















body.juguetes-navidad-header .brand::before {







    content: "";







    position: absolute;







    z-index: -1;







    inset: -7px -13px;







    border: 1px solid rgba(235, 218, 197, .78);







    border-radius: 47% 53% 44% 56% / 58% 43% 57% 42%;







    background: rgba(255, 255, 255, .97);







    box-shadow: 0 5px 16px rgba(65, 45, 26, .09);







    pointer-events: none;







}















body.juguetes-navidad-header .brand-mascot,







body.juguetes-navidad-header .brand-copy {







    position: relative;







    z-index: 1;







}















/* Oculta la guirnalda repetida sin dejar vacío el espacio superior:







   amplía el fondo y lo alinea abajo, de modo que el resto de la escena







   comience desde la parte superior del carrusel. */







.toys-page .toys-feature-carousel::before {







    clip-path: none !important;







    background-size: 100% 135% !important;







    background-position: center bottom !important;







}















/* Carrusel compacto: sube el título y la imagen y reduce el espacio libre. */







@media (min-width: 761px) {







    .toys-page .toys-feature-slide {







        box-sizing: border-box;







        min-height: 410px !important;







        padding-top: 12px !important;







        padding-bottom: 10px !important;







        align-items: center;







    }







}















/* En móvil se conserva el apilado, con menos espacio superior. */







@media (max-width: 760px) {







    .toys-page .toys-feature-slide {







        padding-top: 12px !important;







        padding-bottom: 10px !important;







    }















    body.juguetes-navidad-header .brand::before {







        inset: -5px -8px;







        border-radius: 47% 53% 44% 56% / 58% 43% 57% 42%;







    }







}















/* REPARAR_ENCUADRE_ESCENA_NAVIDAD_V5 */







/* Corregir el escalado V4: recuperar proporciones originales de Santa,







   regalos, nieve y adornos laterales; recortar solo una franja superior. */







.toys-page .toys-feature-carousel::before {







    clip-path: inset(18% 0 0 0) !important;







    background-size: 100% 100% !important;







    background-position: center center !important;







    background-repeat: no-repeat !important;







}















/* SANTA_MAS_ARRIBA_NAVIDAD_V6 */







/* Recortar el espacio superior de la escena para elevar a Santa visualmente. */







body.juguetes-navidad-header .toys-page .toys-feature-carousel::before {







    position: absolute !important;







    inset: 0 !important;







    width: 100% !important;







    height: 100% !important;







    clip-path: none !important;







    background-size: 100% 135% !important;







    background-position: center bottom !important;







    background-repeat: no-repeat !important;







    pointer-events: none !important;







}















/* SUBIR_TITULO_CARRUSEL_SIN_TAPAR_V18 */















/* Elevar el bloque promocional completo dentro del carrusel. */







.toys-page .toys-feature-copy {







    position: relative !important;







    z-index: 20 !important;







    transform: translateY(-22px);







    box-sizing: border-box;







    width: 100%;







    max-width: 425px;







    padding: 8px 10px 10px 0;







    border-radius: 12px;







    background: #fff7ed !important;







    opacity: 1 !important;







}















/* Título llamativo, ligeramente más compacto y dentro de su columna. */







.toys-page .toys-feature-copy h1 {







    max-width: 415px;







    font-size: clamp(2.15rem, 3vw, 2.65rem);







    line-height: .98;







    text-wrap: balance;







    overflow-wrap: break-word;







    margin-top: 0;







    margin-bottom: 12px;







}















/* Mantener precio y botón por encima de la decoración. */







.toys-page .toys-feature-price,







.toys-page .toys-feature-button {







    position: relative;







    z-index: 21;







    opacity: 1 !important;







}















.toys-page .toys-feature-price {







    background: #d51f38 !important;







    color: #fff !important;







}















.toys-page .toys-feature-button {







    background: linear-gradient(110deg, #ff741d, #f04425) !important;







    color: #fff !important;







}















@media (max-width: 900px) {







    .toys-page .toys-feature-copy {







        max-width: 100%;







        transform: translateY(-10px);







    }















    .toys-page .toys-feature-copy h1 {







        max-width: 100%;







        font-size: clamp(2rem, 5vw, 2.45rem);







    }







}















@media (max-width: 760px) {







    .toys-page .toys-feature-copy {







        transform: none;







        max-width: 100%;







        padding: 8px 10px;







        background: #fff7ed !important;







    }







}















/* ELIMINAR_BREADCRUMB_SUBIR_CARRUSEL_V19 */







.toys-page .toys-feature-carousel {







    margin-top: 0 !important;







}















/* CONTORNO_BLANCO_LOGO_DANGO_V6 */







/* Eliminar la forma ovalada y seguir el contorno visible del logo y las letras. */







body.juguetes-navidad-header .brand {







    position: relative;







    isolation: auto !important;







    padding: 0 !important;







    border: 0 !important;







    border-radius: 0 !important;







    background: transparent !important;







    box-shadow: none !important;















    /* Halo blanco aplicado a la silueta real del contenido, no a una caja. */







    filter:







        drop-shadow(0 0 1px #ffffff)







        drop-shadow(0 0 2px #ffffff)







        drop-shadow(0 0 4px rgba(255, 255, 255, .98))







        drop-shadow(0 0 6px rgba(255, 255, 255, .88));







}















/* Desactivar el óvalo blanco anterior. */







body.juguetes-navidad-header .brand::before {







    content: none !important;







    display: none !important;







}















/* === INICIO FONDO PASTEL JUGUETES V1 === */







body.juguetes-navidad-header {







    background-color: #fffaf3 !important;







    background-image: linear-gradient(







        180deg,







        #fffaf3 0%,







        #fff5f2 38%,







        #fff0f3 68%,







        #fff7ed 100%







    ) !important;







    background-repeat: no-repeat !important;







    background-size: 100% 100% !important;







}















body.juguetes-navidad-header .toys-page {







    background: transparent !important;







}















body.juguetes-navidad-header .toys-page .toys-subcategories,







body.juguetes-navidad-header .toys-page .toys-products {







    background-color: transparent !important;







}















/* Las tarjetas de producto conservan su fondo claro */







body.juguetes-navidad-header .toys-page .product-card {







    background-color: #ffffff !important;







}







/* === FIN FONDO PASTEL JUGUETES V1 === */















/* === FONDO PASTEL JUGUETES V2 ROSA MAS VISIBLE === */







body.juguetes-navidad-header {







    background-color: #fffaf3 !important;







    background-image: linear-gradient(







        180deg,







        #fffaf3 0%,







        #fff3ef 24%,







        #ffedf0 48%,







        #ffe8ee 72%,







        #ffe3eb 100%







    ) !important;







    background-repeat: no-repeat !important;







    background-size: 100% 100% !important;







}















body.juguetes-navidad-header .toys-page {







    background: transparent !important;







}















body.juguetes-navidad-header .toys-page .toys-subcategories,







body.juguetes-navidad-header .toys-page .toys-products {







    background: transparent !important;







}















body.juguetes-navidad-header .toys-page .product-card {







    background-color: #ffffff !important;







}







/* === FIN FONDO PASTEL JUGUETES V2 === */























/* === LAYOUT CATEGORIAS IZQUIERDA JUGUETES V1 === */







body.juguetes-navidad-header .toys-page .toys-catalog-layout {







    display: grid !important;







    grid-template-columns: minmax(220px, 255px) minmax(0, 1fr);







    align-items: start;







    gap: 24px;







    width: 100%;







}















body.juguetes-navidad-header .toys-page .toys-sidebar {







    min-width: 0;







    align-self: start;







}















body.juguetes-navidad-header .toys-page .toys-sidebar .toys-subcategories {







    box-sizing: border-box;







    padding: 18px 14px;







    border: 1px solid rgba(230, 135, 153, .25);







    border-radius: 18px;







    background: rgba(255, 255, 255, .28) !important;







}















body.juguetes-navidad-header .toys-page .toys-sidebar .section-heading h2 {







    font-size: 1.25rem;







    line-height: 1.25;







}















body.juguetes-navidad-header .toys-page .toys-sidebar .toys-search {







    display: flex !important;







    flex-direction: column !important;







    align-items: stretch !important;







    gap: 9px;







    width: 100%;







    margin: 16px 0;







    box-sizing: border-box;







}















body.juguetes-navidad-header .toys-page .toys-sidebar .toys-search input {







    width: 100% !important;







    min-width: 0 !important;







    box-sizing: border-box;







}















body.juguetes-navidad-header .toys-page .toys-sidebar .toys-search button {







    width: 100% !important;







    box-sizing: border-box;







}















body.juguetes-navidad-header .toys-page .toys-sidebar .toys-subcategory-grid {







    display: grid !important;







    grid-template-columns: minmax(0, 1fr) !important;







    gap: 10px;







}















body.juguetes-navidad-header .toys-page .toys-sidebar .toy-subcategory-card {







    min-width: 0;







    box-sizing: border-box;







}















body.juguetes-navidad-header .toys-page .toys-products {







    min-width: 0;







    padding-top: 4px;







}















body.juguetes-navidad-header .toys-page .toys-product-grid {







    display: grid !important;







    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;







    gap: 16px;







}















@media (max-width: 1050px) {







    body.juguetes-navidad-header .toys-page .toys-catalog-layout {







        grid-template-columns: minmax(200px, 225px) minmax(0, 1fr);







        gap: 16px;







    }















    body.juguetes-navidad-header .toys-page .toys-product-grid {







        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;







    }







}















@media (max-width: 760px) {







    body.juguetes-navidad-header .toys-page .toys-catalog-layout {







        grid-template-columns: minmax(0, 1fr);







        gap: 20px;







    }















    body.juguetes-navidad-header .toys-page .toys-sidebar .toys-subcategory-grid {







        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;







    }















    body.juguetes-navidad-header .toys-page .toys-product-grid {







        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;







        gap: 12px;







    }







}







/* === FIN LAYOUT CATEGORIAS IZQUIERDA JUGUETES V1 === */























/* === BUSCADOR JUNTO A LA COLECCION JUGUETES V2 === */







body.juguetes-navidad-header .toys-page .toys-products-heading {







    display: grid !important;







    grid-template-columns: minmax(190px, 1fr) minmax(260px, 340px) auto;







    align-items: center;







    gap: 14px;







}















body.juguetes-navidad-header .toys-page .toys-products-heading > div {







    min-width: 0;







}















body.juguetes-navidad-header .toys-page .toys-products-heading .toys-search {







    display: flex !important;







    flex-direction: row !important;







    align-items: center;







    gap: 8px;







    width: 100%;







    min-width: 0;







    margin: 0 !important;







    padding: 0 !important;







    box-sizing: border-box;







}















body.juguetes-navidad-header .toys-page .toys-products-heading .toys-search input {







    flex: 1 1 0 !important;







    width: 100% !important;







    min-width: 0 !important;







    box-sizing: border-box;







}















body.juguetes-navidad-header .toys-page .toys-products-heading .toys-search button {







    flex: 0 0 auto !important;







    width: auto !important;







    max-width: 100%;







    white-space: nowrap;







    box-sizing: border-box;







}















body.juguetes-navidad-header .toys-page .toys-products-heading > .text-link {







    justify-self: end;







    white-space: nowrap;







}















body.juguetes-navidad-header .toys-page .toys-sidebar .toys-subcategories {







    padding-top: 8px;







}















body.juguetes-navidad-header .toys-page .toys-sidebar .toys-subcategory-grid {







    margin-top: 8px;







}















@media (max-width: 1050px) {







    body.juguetes-navidad-header .toys-page .toys-products-heading {







        grid-template-columns: minmax(0, 1fr) minmax(200px, 300px);







        gap: 12px;







    }















    body.juguetes-navidad-header .toys-page .toys-products-heading > .text-link {







        grid-column: 2;







        justify-self: end;







    }







}















@media (max-width: 760px) {







    body.juguetes-navidad-header .toys-page .toys-products-heading {







        grid-template-columns: minmax(0, 1fr);







    }















    body.juguetes-navidad-header .toys-page .toys-products-heading .toys-search {







        grid-column: 1;







    }















    body.juguetes-navidad-header .toys-page .toys-products-heading > .text-link {







        grid-column: 1;







        justify-self: start;







    }







}







/* === FIN BUSCADOR JUNTO A LA COLECCION JUGUETES V2 === */























/* === BUSCADOR AMPLIADO SIN ENLACE TIENDA V3 === */







body.juguetes-navidad-header .toys-page .toys-products-heading {







    display: grid !important;







    grid-template-columns: minmax(0, .95fr) minmax(0, 1.05fr) !important;







    align-items: center;







    gap: 18px;







}















body.juguetes-navidad-header .toys-page .toys-products-heading > div {







    min-width: 0;







}















body.juguetes-navidad-header .toys-page .toys-products-heading .toys-search {







    display: flex !important;







    flex-direction: row !important;







    align-items: center;







    width: 100% !important;







    max-width: none !important;







    min-width: 0;







    margin: 0 !important;







    padding: 0 !important;







    gap: 8px;







    box-sizing: border-box;







}















body.juguetes-navidad-header .toys-page .toys-products-heading .toys-search input {







    flex: 1 1 0 !important;







    width: 100% !important;







    min-width: 0 !important;







    box-sizing: border-box;







}















body.juguetes-navidad-header .toys-page .toys-products-heading .toys-search button {







    flex: 0 0 auto !important;







    width: auto !important;







    max-width: 100%;







    white-space: nowrap;







    box-sizing: border-box;







}















@media (max-width: 1050px) {







    body.juguetes-navidad-header .toys-page .toys-products-heading {







        grid-template-columns: minmax(0, .8fr) minmax(0, 1.2fr) !important;







        gap: 12px;







    }







}















@media (max-width: 760px) {







    body.juguetes-navidad-header .toys-page .toys-products-heading {







        grid-template-columns: minmax(0, 1fr) !important;







        gap: 12px;







    }















    body.juguetes-navidad-header .toys-page .toys-products-heading .toys-search {







        grid-column: 1;







    }







}







/* === FIN BUSCADOR AMPLIADO SIN ENLACE TIENDA V3 === */























/* === CATEGORIAS SIN ICONOS Y TITULO V1 === */







body.juguetes-navidad-header .toys-page .toys-sidebar-heading {







    margin: 0 0 14px;







    padding: 0 2px;







}















body.juguetes-navidad-header .toys-page .toys-sidebar-heading h2 {







    margin: 0;







    color: #12253f;







    font-size: 1.3rem;







    font-weight: 800;







    line-height: 1.25;







}















body.juguetes-navidad-header .toys-page .toys-sidebar .toy-subcategory-card {







    display: grid !important;







    grid-template-columns: minmax(0, 1fr) 18px !important;







    grid-template-rows: auto auto !important;







    column-gap: 8px !important;







    align-items: center !important;







}















body.juguetes-navidad-header .toys-page .toys-sidebar .toy-subcategory-card > strong {







    grid-column: 1 !important;







    grid-row: 1 !important;







    min-width: 0;







}















body.juguetes-navidad-header .toys-page .toys-sidebar .toy-subcategory-card > small {







    grid-column: 1 !important;







    grid-row: 2 !important;







    min-width: 0;







}















body.juguetes-navidad-header .toys-page .toys-sidebar .toy-subcategory-card > .toy-category-arrow {







    grid-column: 2 !important;







    grid-row: 1 / span 2 !important;







    justify-self: end;







    align-self: center;







}







/* === FIN CATEGORIAS SIN ICONOS Y TITULO V1 === */























/* === MOTO LANZADORA GALERIA Y VIDEO V1 === */







.product-detail-page .moto-media-gallery {







    display: flex;







    flex-direction: column;







    gap: 14px;







    width: 100%;







    min-width: 0;







}







.product-detail-page .moto-media-gallery .moto-detail-image {







    width: 100%;







    max-width: 100%;







    min-width: 0;







    margin: 0;







    box-sizing: border-box;







}







.product-detail-page .moto-media-gallery .moto-detail-image img {







    display: block;







    width: 100%;







    max-width: 100%;







    height: auto;







    max-height: 530px;







    object-fit: contain;







}







.product-detail-page .moto-gallery-thumbs {







    display: grid;







    grid-template-columns: repeat(3, minmax(0, 1fr));







    gap: 10px;







    width: 100%;







}







.product-detail-page .moto-gallery-thumb {







    display: flex;







    flex-direction: column;







    align-items: center;







    gap: 7px;







    min-width: 0;







    padding: 8px;







    border: 1px solid #e0e6ee;







    border-radius: 12px;







    background: #fff;







    color: #17304d;







    font: inherit;







    font-size: .82rem;







    cursor: pointer;







}







.product-detail-page .moto-gallery-thumb img {







    display: block;







    width: 100%;







    height: 86px;







    object-fit: contain;







}







.product-detail-page .moto-gallery-thumb.is-current {







    border-color: #d71932;







    box-shadow: 0 0 0 1px #d71932;







}







.product-detail-page .moto-gallery-thumb:focus-visible {







    outline: 2px solid #d71932;







    outline-offset: 2px;







}







.product-detail-page .moto-video-panel {







    display: flex;







    flex-direction: column;







    gap: 12px;







    margin-top: 12px;







    padding: 14px;







    border: 1px solid #d9e1eb;







    border-radius: 14px;







    background: #f8fafc;







}







.product-detail-page .moto-video-heading {







    display: flex;







    align-items: center;







    gap: 12px;







}







.product-detail-page .moto-video-play {







    display: inline-flex;







    align-items: center;







    justify-content: center;







    flex: 0 0 40px;







    width: 40px;







    height: 40px;







    border-radius: 50%;







    background: #e8eef6;







    color: #17304d;







    font-size: 1.2rem;







}







.product-detail-page .moto-video-heading strong {







    color: #17304d;







}







.product-detail-page .moto-video-heading p {







    margin: 4px 0 0;







    color: #5e7086;







    font-size: .9rem;







}







.product-detail-page .moto-video-panel video {







    display: block;







    width: 100%;







    max-height: 380px;







    border-radius: 10px;







    background: #101827;







}







@media (max-width: 560px) {







    .product-detail-page .moto-gallery-thumbs { gap: 6px; }







    .product-detail-page .moto-gallery-thumb {







        padding: 6px 4px;







        font-size: .74rem;







    }







    .product-detail-page .moto-gallery-thumb img { height: 68px; }







}







/* === FIN MOTO LANZADORA GALERIA Y VIDEO V1 === */























/* === MOTO LANZADORA GALERIA V2 FORMATO RC RACING === */







.product-detail-page .moto-gallery-v2 {







    display: grid !important;







    grid-template-columns: 64px minmax(0, 1fr);







    align-items: start;







    gap: 10px;







    width: 100%;







    min-width: 0;







}















.product-detail-page .moto-gallery-v2 .moto-gallery-thumbs {







    grid-column: 1;







    grid-row: 1;







    display: flex !important;







    flex-direction: column;







    align-items: stretch;







    gap: 8px;







    width: 100%;







    min-width: 0;







}















.product-detail-page .moto-gallery-v2 .moto-gallery-thumb {







    display: flex;







    flex-direction: column;







    align-items: center;







    justify-content: center;







    gap: 5px;







    width: 100%;







    min-width: 0;







    min-height: 78px;







    padding: 6px 3px;







    overflow: hidden;







    border: 1px solid #e1e5eb;







    border-radius: 11px;







    background: #fff;







    color: #17304d;







    font-family: inherit;







    font-size: .68rem;







    font-weight: 700;







    line-height: 1.2;







    text-align: center;







    cursor: pointer;







}















.product-detail-page .moto-gallery-v2 .moto-gallery-thumb img {







    display: block;







    width: 100%;







    height: 44px;







    object-fit: contain;







}















.product-detail-page .moto-gallery-v2 .moto-gallery-thumb span {







    overflow-wrap: anywhere;







}















.product-detail-page .moto-gallery-v2 .moto-gallery-thumb.is-current {







    border-color: #a8bedc;







    box-shadow: 0 0 0 1px #a8bedc;







}















.product-detail-page .moto-gallery-v2 .moto-gallery-thumb:focus-visible {







    outline: 2px solid #d71932;







    outline-offset: 2px;







}















.product-detail-page .moto-gallery-v2 .moto-main-media {







    grid-column: 2;







    grid-row: 1;







    width: 100%;







    min-width: 0;







}















.product-detail-page .moto-gallery-v2 .moto-detail-image {







    display: flex;







    align-items: center;







    justify-content: center;







    width: 100%;







    height: clamp(300px, 36vw, 530px);







    min-width: 0;







    margin: 0;







    padding: 14px;







    box-sizing: border-box;







    overflow: hidden;







    border-radius: 14px;







    background: #f8f5ef;







}















.product-detail-page .moto-gallery-v2 .moto-detail-image img {







    display: block;







    width: 100%;







    height: 100%;







    max-width: 100%;







    max-height: 100%;







    object-fit: contain;







}















.product-detail-page .moto-gallery-v2 .moto-main-video {







    display: block;







    width: 100%;







    height: clamp(300px, 36vw, 530px);







    max-width: 100%;







    object-fit: contain;







    border-radius: 14px;







    background: #101827;







}















@media (max-width: 760px) {







    .product-detail-page .moto-gallery-v2 {







        grid-template-columns: 54px minmax(0, 1fr);







        gap: 7px;







    }















    .product-detail-page .moto-gallery-v2 .moto-gallery-thumb {







        min-height: 68px;







        padding: 5px 2px;







        font-size: .62rem;







    }















    .product-detail-page .moto-gallery-v2 .moto-gallery-thumb img {







        height: 37px;







    }















    .product-detail-page .moto-gallery-v2 .moto-detail-image,







    .product-detail-page .moto-gallery-v2 .moto-main-video {







        height: clamp(230px, 62vw, 420px);







    }















    .product-detail-page .moto-gallery-v2 .moto-detail-image {







        padding: 8px;







    }







}







/* === FIN MOTO LANZADORA GALERIA V2 FORMATO RC RACING === */























/* === CAMION BOMBEROS GALERIA V1 === */







.product-detail-page .camion-bomberos-gallery-v1 {







    display: grid !important;







    grid-template-columns: 64px minmax(0, 1fr);







    align-items: start;







    gap: 10px;







    width: 100%;







    min-width: 0;







}















.product-detail-page .camion-bomberos-thumbs {







    grid-column: 1;







    grid-row: 1;







    display: flex !important;







    flex-direction: column;







    align-items: stretch;







    gap: 8px;







    width: 100%;







    min-width: 0;







}















.product-detail-page .camion-bomberos-thumb {







    display: flex;







    flex-direction: column;







    align-items: center;







    justify-content: center;







    gap: 5px;







    width: 100%;







    min-width: 0;







    min-height: 78px;







    padding: 6px 3px;







    overflow: hidden;







    border: 1px solid #e1e5eb;







    border-radius: 11px;







    background: #fff;







    color: #17304d;







    font-family: inherit;







    font-size: .68rem;







    font-weight: 700;







    line-height: 1.2;







    text-align: center;







    cursor: pointer;







}















.product-detail-page .camion-bomberos-thumb img {







    display: block;







    width: 100%;







    height: 44px;







    object-fit: contain;







}















.product-detail-page .camion-bomberos-thumb span {







    overflow-wrap: anywhere;







}















.product-detail-page .camion-bomberos-thumb.is-current {







    border-color: #a8bedc;







    box-shadow: 0 0 0 1px #a8bedc;







}















.product-detail-page .camion-bomberos-thumb:focus-visible {







    outline: 2px solid #d71932;







    outline-offset: 2px;







}















.product-detail-page .camion-bomberos-main-media {







    grid-column: 2;







    grid-row: 1;







    width: 100%;







    min-width: 0;







}















.product-detail-page .camion-bomberos-main-image {







    display: flex;







    align-items: center;







    justify-content: center;







    width: 100%;







    height: clamp(300px, 36vw, 530px);







    min-width: 0;







    margin: 0;







    padding: 14px;







    box-sizing: border-box;







    overflow: hidden;







    border-radius: 14px;







    background: #f8f5ef;







}















.product-detail-page .camion-bomberos-main-image img {







    display: block;







    width: 100%;







    height: 100%;







    max-width: 100%;







    max-height: 100%;







    object-fit: contain;







}















.product-detail-page .camion-bomberos-main-video {







    display: block;







    width: 100%;







    height: clamp(300px, 36vw, 530px);







    max-width: 100%;







    object-fit: contain;







    border-radius: 14px;







    background: #101827;







}















@media (max-width: 760px) {







    .product-detail-page .camion-bomberos-gallery-v1 {







        grid-template-columns: 54px minmax(0, 1fr);







        gap: 7px;







    }















    .product-detail-page .camion-bomberos-thumb {







        min-height: 68px;







        padding: 5px 2px;







        font-size: .62rem;







    }















    .product-detail-page .camion-bomberos-thumb img {







        height: 37px;







    }















    .product-detail-page .camion-bomberos-main-image,







    .product-detail-page .camion-bomberos-main-video {







        height: clamp(230px, 62vw, 420px);







    }















    .product-detail-page .camion-bomberos-main-image {







        padding: 8px;







    }







}







/* === FIN CAMION BOMBEROS GALERIA V1 === */















/* === BLOQUES EXPRESIONES GALERIA V1 === */







.product-detail-page .bloques-expresiones-gallery-v1 {







    display: grid !important;







    grid-template-columns: 64px minmax(0, 1fr);







    align-items: start;







    gap: 10px;







    width: 100%;







    min-width: 0;







}















.product-detail-page .bloques-expresiones-thumbs {







    grid-column: 1;







    grid-row: 1;







    display: flex !important;







    flex-direction: column;







    gap: 8px;







    min-width: 0;







}















.product-detail-page .bloques-expresiones-thumb {







    display: flex;







    flex-direction: column;







    align-items: center;







    justify-content: center;







    gap: 5px;







    width: 100%;







    min-height: 72px;







    padding: 7px 4px;







    border: 1px solid #dbe3ed;







    border-radius: 9px;







    background: #fff;







    color: var(--navy);







    font: inherit;







    font-size: .68rem;







    line-height: 1.2;







    text-align: center;







    cursor: pointer;







    overflow-wrap: anywhere;







}















.product-detail-page .bloques-expresiones-thumb img {







    display: block;







    width: 100%;







    height: 44px;







    object-fit: contain;







}















.product-detail-page .bloques-expresiones-thumb.is-current {







    border-color: #a8bedc;







    box-shadow: 0 0 0 1px #a8bedc;







}















.product-detail-page .bloques-expresiones-thumb:focus-visible {







    outline: 2px solid #d71932;







    outline-offset: 2px;







}















.product-detail-page .bloques-expresiones-main-media {







    grid-column: 2;







    grid-row: 1;







    width: 100%;







    min-width: 0;







}















.product-detail-page .bloques-expresiones-main-image {







    display: flex;







    align-items: center;







    justify-content: center;







    width: 100%;







    height: clamp(300px, 36vw, 530px);







    min-width: 0;







    margin: 0;







    padding: 10px;







    box-sizing: border-box;







    overflow: hidden;







    border-radius: 14px;







    background: #fff;







}















.product-detail-page .bloques-expresiones-main-image img {







    display: block;







    width: 100%;







    height: 100%;







    max-width: 100%;







    object-fit: contain;







}















.product-detail-page .bloques-expresiones-main-video {







    display: block;







    width: 100%;







    height: clamp(300px, 36vw, 530px);







    max-width: 100%;







    border-radius: 14px;







    background: #000;







}















@media (max-width: 760px) {







    .product-detail-page .bloques-expresiones-gallery-v1 {







        grid-template-columns: 54px minmax(0, 1fr);







        gap: 7px;







    }















    .product-detail-page .bloques-expresiones-thumb {







        min-height: 68px;







        padding: 5px 2px;







        font-size: .62rem;







    }















    .product-detail-page .bloques-expresiones-thumb img {







        height: 37px;







    }















    .product-detail-page .bloques-expresiones-main-image,







    .product-detail-page .bloques-expresiones-main-video {







        height: clamp(230px, 62vw, 420px);







    }















    .product-detail-page .bloques-expresiones-main-image {







        padding: 8px;







    }







}







/* === FIN BLOQUES EXPRESIONES GALERIA V1 === */















/* === PESCA Y APRENDE GALERIA V1 === */







.product-detail-page .pesca-aprende-gallery-v1 {







    display: grid !important;







    grid-template-columns: 64px minmax(0, 1fr);







    align-items: start;







    gap: 10px;







    width: 100%;







    min-width: 0;







}















.product-detail-page .pesca-aprende-thumbs {







    grid-column: 1;







    grid-row: 1;







    display: flex !important;







    flex-direction: column;







    gap: 8px;







    min-width: 0;







}















.product-detail-page .pesca-aprende-thumb {







    display: flex;







    flex-direction: column;







    align-items: center;







    justify-content: center;







    gap: 5px;







    width: 100%;







    min-height: 72px;







    padding: 7px 4px;







    border: 1px solid #dbe3ed;







    border-radius: 9px;







    background: #fff;







    color: var(--navy);







    font: inherit;







    font-size: .68rem;







    line-height: 1.2;







    text-align: center;







    cursor: pointer;







    overflow-wrap: anywhere;







}















.product-detail-page .pesca-aprende-thumb img {







    display: block;







    width: 100%;







    height: 44px;







    object-fit: contain;







}















.product-detail-page .pesca-aprende-thumb.is-current {







    border-color: #a8bedc;







    box-shadow: 0 0 0 1px #a8bedc;







}















.product-detail-page .pesca-aprende-thumb:focus-visible {







    outline: 2px solid #d71932;







    outline-offset: 2px;







}















.product-detail-page .pesca-aprende-main-media {







    grid-column: 2;







    grid-row: 1;







    width: 100%;







    min-width: 0;







}















.product-detail-page .pesca-aprende-main-image {







    display: flex;







    align-items: center;







    justify-content: center;







    width: 100%;







    height: clamp(300px, 36vw, 530px);







    min-width: 0;







    margin: 0;







    padding: 10px;







    box-sizing: border-box;







    overflow: hidden;







    border-radius: 14px;







    background: #fff;







}















.product-detail-page .pesca-aprende-main-image img {







    display: block;







    width: 100%;







    height: 100%;







    max-width: 100%;







    object-fit: contain;







}















@media (max-width: 760px) {







    .product-detail-page .pesca-aprende-gallery-v1 {







        grid-template-columns: 54px minmax(0, 1fr);







        gap: 7px;







    }















    .product-detail-page .pesca-aprende-thumb {







        min-height: 68px;







        padding: 5px 2px;







        font-size: .62rem;







    }















    .product-detail-page .pesca-aprende-thumb img {







        height: 37px;







    }















    .product-detail-page .pesca-aprende-main-image {







        height: clamp(230px, 62vw, 420px);







        padding: 8px;







    }







}







/* === FIN PESCA Y APRENDE GALERIA V1 === */















/* === BLOQUES MAGNETICOS GALERIA V1 === */







.product-detail-page .bloques-magneticos-gallery-v1 {







    display: grid !important;







    grid-template-columns: 64px minmax(0, 1fr);







    align-items: start;







    gap: 10px;







    width: 100%;







    min-width: 0;







}















.product-detail-page .bloques-magneticos-thumbs {







    grid-column: 1;







    grid-row: 1;







    display: flex !important;







    flex-direction: column;







    gap: 8px;







    min-width: 0;







}















.product-detail-page .bloques-magneticos-thumb {







    display: flex;







    flex-direction: column;







    align-items: center;







    justify-content: center;







    gap: 5px;







    width: 100%;







    min-height: 72px;







    padding: 7px 4px;







    border: 1px solid #dbe3ed;







    border-radius: 9px;







    background: #fff;







    color: var(--navy);







    font: inherit;







    font-size: .68rem;







    line-height: 1.2;







    text-align: center;







    cursor: pointer;







    overflow-wrap: anywhere;







}















.product-detail-page .bloques-magneticos-thumb img {







    display: block;







    width: 100%;







    height: 44px;







    object-fit: contain;







}















.product-detail-page .bloques-magneticos-thumb.is-current {







    border-color: #a8bedc;







    box-shadow: 0 0 0 1px #a8bedc;







}















.product-detail-page .bloques-magneticos-thumb:focus-visible {







    outline: 2px solid #d71932;







    outline-offset: 2px;







}















.product-detail-page .bloques-magneticos-main-media {







    grid-column: 2;







    grid-row: 1;







    width: 100%;







    min-width: 0;







}















.product-detail-page .bloques-magneticos-main-image {







    display: flex;







    align-items: center;







    justify-content: center;







    width: 100%;







    height: clamp(300px, 36vw, 530px);







    min-width: 0;







    margin: 0;







    padding: 10px;







    box-sizing: border-box;







    overflow: hidden;







    border-radius: 14px;







    background: #fff;







}















.product-detail-page .bloques-magneticos-main-image img {







    display: block;







    width: 100%;







    height: 100%;







    max-width: 100%;







    object-fit: contain;







}















@media (max-width: 760px) {







    .product-detail-page .bloques-magneticos-gallery-v1 {







        grid-template-columns: 54px minmax(0, 1fr);







        gap: 7px;







    }















    .product-detail-page .bloques-magneticos-thumb {







        min-height: 68px;







        padding: 5px 2px;







        font-size: .62rem;







    }















    .product-detail-page .bloques-magneticos-thumb img {







        height: 37px;







    }















    .product-detail-page .bloques-magneticos-main-image {







        height: clamp(230px, 62vw, 420px);







        padding: 8px;







    }







}







/* === FIN BLOQUES MAGNETICOS GALERIA V1 === */















/* === HELICOPTERO FIGHTER COMBAT GALERIA V1 === */







.product-detail-page .helicoptero-combat-gallery-v1 {







    display: grid !important;







    grid-template-columns: 64px minmax(0, 1fr);







    align-items: start;







    gap: 10px;







    width: 100%;







    min-width: 0;







}















.product-detail-page .helicoptero-combat-thumbs {







    grid-column: 1;







    grid-row: 1;







    display: flex !important;







    flex-direction: column;







    gap: 8px;







    min-width: 0;







}















.product-detail-page .helicoptero-combat-thumb {







    display: flex;







    flex-direction: column;







    align-items: center;







    justify-content: center;







    gap: 5px;







    width: 100%;







    min-height: 72px;







    padding: 7px 4px;







    border: 1px solid #dbe3ed;







    border-radius: 9px;







    background: #fff;







    color: var(--navy);







    font: inherit;







    font-size: .68rem;







    line-height: 1.2;







    text-align: center;







    cursor: pointer;







    overflow-wrap: anywhere;







}















.product-detail-page .helicoptero-combat-thumb img {







    display: block;







    width: 100%;







    height: 44px;







    object-fit: contain;







}















.product-detail-page .helicoptero-combat-thumb.is-current {







    border-color: #a8bedc;







    box-shadow: 0 0 0 1px #a8bedc;







}















.product-detail-page .helicoptero-combat-thumb:focus-visible {







    outline: 2px solid #d71932;







    outline-offset: 2px;







}















.product-detail-page .helicoptero-combat-main-media {







    grid-column: 2;







    grid-row: 1;







    width: 100%;







    min-width: 0;







}















.product-detail-page .helicoptero-combat-main-image {







    display: flex;







    align-items: center;







    justify-content: center;







    width: 100%;







    height: clamp(300px, 36vw, 530px);







    min-width: 0;







    margin: 0;







    padding: 10px;







    box-sizing: border-box;







    overflow: hidden;







    border-radius: 14px;







    background: #fff;







}















.product-detail-page .helicoptero-combat-main-image img {







    display: block;







    width: 100%;







    height: 100%;







    max-width: 100%;







    object-fit: contain;







}















.product-detail-page .helicoptero-combat-main-video {







    display: block;







    width: 100%;







    height: clamp(300px, 36vw, 530px);







    max-width: 100%;







    border-radius: 14px;







    background: #000;







}















@media (max-width: 760px) {







    .product-detail-page .helicoptero-combat-gallery-v1 {







        grid-template-columns: 54px minmax(0, 1fr);







        gap: 7px;







    }















    .product-detail-page .helicoptero-combat-thumb {







        min-height: 68px;







        padding: 5px 2px;







        font-size: .62rem;







    }















    .product-detail-page .helicoptero-combat-thumb img {







        height: 37px;







    }















    .product-detail-page .helicoptero-combat-main-image,







    .product-detail-page .helicoptero-combat-main-video {







        height: clamp(230px, 62vw, 420px);







    }















    .product-detail-page .helicoptero-combat-main-image {







        padding: 8px;







    }







}







/* === FIN HELICOPTERO FIGHTER COMBAT GALERIA V1 === */















/* === SPACE SCENE GAME GALERIA V1 === */







.product-detail-page .space-scene-gallery-v1 {







    display: grid !important;







    grid-template-columns: 64px minmax(0, 1fr);







    align-items: start;







    gap: 10px;







    width: 100%;







    min-width: 0;







}















.product-detail-page .space-scene-thumbs {







    grid-column: 1;







    grid-row: 1;







    display: flex !important;







    flex-direction: column;







    gap: 8px;







    min-width: 0;







}















.product-detail-page .space-scene-thumb {







    display: flex;







    flex-direction: column;







    align-items: center;







    justify-content: center;







    gap: 5px;







    width: 100%;







    min-height: 72px;







    padding: 7px 4px;







    border: 1px solid #dbe3ed;







    border-radius: 9px;







    background: #fff;







    color: var(--navy);







    font: inherit;







    font-size: .68rem;







    line-height: 1.2;







    text-align: center;







    cursor: pointer;







    overflow-wrap: anywhere;







}















.product-detail-page .space-scene-thumb img {







    display: block;







    width: 100%;







    height: 44px;







    object-fit: contain;







}















.product-detail-page .space-scene-thumb.is-current {







    border-color: #a8bedc;







    box-shadow: 0 0 0 1px #a8bedc;







}















.product-detail-page .space-scene-thumb:focus-visible {







    outline: 2px solid #d71932;







    outline-offset: 2px;







}















.product-detail-page .space-scene-main-media {







    grid-column: 2;







    grid-row: 1;







    width: 100%;







    min-width: 0;







}















.product-detail-page .space-scene-main-image {







    display: flex;







    align-items: center;







    justify-content: center;







    width: 100%;







    height: clamp(300px, 36vw, 530px);







    min-width: 0;







    margin: 0;







    padding: 10px;







    box-sizing: border-box;







    overflow: hidden;







    border-radius: 14px;







    background: #fff;







}















.product-detail-page .space-scene-main-image img {







    display: block;







    width: 100%;







    height: 100%;







    max-width: 100%;







    object-fit: contain;







}















@media (max-width: 760px) {







    .product-detail-page .space-scene-gallery-v1 {







        grid-template-columns: 54px minmax(0, 1fr);







        gap: 7px;







    }















    .product-detail-page .space-scene-thumb {







        min-height: 68px;







        padding: 5px 2px;







        font-size: .62rem;







    }















    .product-detail-page .space-scene-thumb img {







        height: 37px;







    }















    .product-detail-page .space-scene-main-image {







        height: clamp(230px, 62vw, 420px);







        padding: 8px;







    }







}







/* === FIN SPACE SCENE GAME GALERIA V1 === */















/* === AJUSTE PROPORCION NATURAL VIDEOS GALERIAS V1 === */







/* Mantiene la proporción intrínseca del video y evita alturas fijas. */







.product-detail-page [class*="gallery"] video {







    display: block;







    width: 100% !important;







    height: auto !important;







    min-height: 0 !important;







    max-height: none !important;







    aspect-ratio: auto !important;







    object-fit: contain;







}















/* En pantalla completa, el reproductor ocupa la pantalla sin deformar el video. */







.product-detail-page [class*="gallery"] video:fullscreen {







    width: 100% !important;







    height: 100% !important;







    max-height: 100% !important;







    object-fit: contain;







}







/* === FIN AJUSTE PROPORCION NATURAL VIDEOS GALERIAS V1 === */















/* === MEJORA VISIBILIDAD IMAGENES TARJETAS V1 === */







/* Más espacio para apreciar la caja y el juguete completos. */







.product-card > .product-image-link {







    height: clamp(200px, 18vw, 235px) !important;







    min-height: 200px;







    padding: 10px;







    box-sizing: border-box;







    display: grid;







    place-items: center;







    overflow: hidden;







}















/* Mostrar la imagen completa sin deformarla ni recortarla. */







.product-card > .product-image-link > .product-image {







    display: block;







    width: 100% !important;







    height: 100% !important;







    min-width: 0;







    min-height: 0;







    max-width: 100%;







    max-height: 100%;







    box-sizing: border-box;







    object-fit: contain !important;







    object-position: center center !important;







    transform: none;







}















/* Evitar que el efecto hover corte los bordes del producto. */







.product-card:hover > .product-image-link > .product-image {







    transform: none;







}















@media (max-width: 760px) {







    .product-card > .product-image-link {







        height: 185px !important;







        min-height: 185px;







        padding: 8px;







    }







}















@media (max-width: 420px) {







    .product-card > .product-image-link {







        height: 165px !important;







        min-height: 165px;







        padding: 6px;







    }







}







/* === FIN MEJORA VISIBILIDAD IMAGENES TARJETAS V1 === */























/* === CRASH RACING GALERIA V1 === */







.product-detail-page .crash-racing-gallery-v1 {







    display: grid !important;







    grid-template-columns: 64px minmax(0, 1fr);







    align-items: start;







    gap: 10px;







    width: 100%;







    min-width: 0;







}















.product-detail-page .crash-racing-thumbs {







    grid-column: 1;







    grid-row: 1;







    display: flex;







    flex-direction: column;







    gap: 8px;







    min-width: 0;







}















.product-detail-page .crash-racing-thumb {







    display: flex;







    flex-direction: column;







    align-items: center;







    justify-content: center;







    gap: 4px;







    width: 100%;







    min-height: 76px;







    padding: 5px 3px;







    border: 1px solid #dedede;







    border-radius: 8px;







    background: #fff;







    cursor: pointer;







    font: inherit;







    font-size: .68rem;







    line-height: 1.2;







    text-align: center;







}















.product-detail-page .crash-racing-thumb.is-current {







    border-color: #222;







    box-shadow: 0 0 0 1px #222;







}















.product-detail-page .crash-racing-thumb img {







    display: block;







    width: 100%;







    height: 43px;







    object-fit: contain;







}















.product-detail-page .crash-racing-main-media {







    grid-column: 2;







    grid-row: 1;







    min-width: 0;







    width: 100%;







}















.product-detail-page .crash-racing-main-frame {







    display: flex;







    align-items: center;







    justify-content: center;







    width: 100%;







    min-width: 0;







    overflow: hidden;







}















.product-detail-page .crash-racing-main-frame img,







.product-detail-page .crash-racing-main-frame video {







    display: block;







    width: 100%;







    max-width: 100%;







    max-height: 540px;







    object-fit: contain;







    border-radius: inherit;







}















@media (max-width: 760px) {







    .product-detail-page .crash-racing-gallery-v1 {







        grid-template-columns: 54px minmax(0, 1fr);







        gap: 7px;







    }















    .product-detail-page .crash-racing-thumb {







        min-height: 68px;







        padding: 5px 2px;







        font-size: .62rem;







    }















    .product-detail-page .crash-racing-thumb img {







        height: 37px;







    }







}







/* === FIN CRASH RACING GALERIA V1 === */















/* === DIE-CAST METAL GALERIA V1 === */







.product-detail-page .die-cast-gallery-v1 {







    display: grid !important;







    grid-template-columns: 64px minmax(0, 1fr);







    align-items: start;







    gap: 10px;







    width: 100%;







    min-width: 0;







}















.product-detail-page .die-cast-thumbs {







    grid-column: 1;







    grid-row: 1;







    display: flex;







    flex-direction: column;







    gap: 8px;







    min-width: 0;







}















.product-detail-page .die-cast-thumb {







    display: flex;







    flex-direction: column;







    align-items: center;







    justify-content: center;







    gap: 4px;







    width: 100%;







    min-height: 76px;







    padding: 5px 3px;







    border: 1px solid #dedede;







    border-radius: 8px;







    background: #fff;







    cursor: pointer;







    font: inherit;







    font-size: .68rem;







    line-height: 1.2;







    text-align: center;







}















.product-detail-page .die-cast-thumb.is-current {







    border-color: #222;







    box-shadow: 0 0 0 1px #222;







}















.product-detail-page .die-cast-thumb img {







    display: block;







    width: 100%;







    height: 43px;







    object-fit: contain;







}















.product-detail-page .die-cast-main-media {







    grid-column: 2;







    grid-row: 1;







    min-width: 0;







    width: 100%;







}















.product-detail-page .die-cast-main-frame {







    display: flex;







    align-items: center;







    justify-content: center;







    width: 100%;







    min-width: 0;







    overflow: hidden;







}















.product-detail-page .die-cast-main-frame img {







    display: block;







    width: 100%;







    max-width: 100%;







    max-height: 540px;







    object-fit: contain;







}















@media (max-width: 760px) {







    .product-detail-page .die-cast-gallery-v1 {







        grid-template-columns: 54px minmax(0, 1fr);







        gap: 7px;







    }















    .product-detail-page .die-cast-thumb {







        min-height: 68px;







        padding: 5px 2px;







        font-size: .62rem;







    }















    .product-detail-page .die-cast-thumb img {







        height: 37px;







    }







}







/* === FIN DIE-CAST METAL GALERIA V1 === */















/* === MINI MODEL GALERIA V1 === */







.product-detail-page .mini-model-gallery-v1 {







    display: grid !important;







    grid-template-columns: 64px minmax(0, 1fr);







    align-items: start;







    gap: 10px;







    width: 100%;







    min-width: 0;







}















.product-detail-page .mini-model-thumbs {







    grid-column: 1;







    grid-row: 1;







    display: flex;







    flex-direction: column;







    gap: 8px;







    min-width: 0;







}















.product-detail-page .mini-model-thumb {







    display: flex;







    flex-direction: column;







    align-items: center;







    justify-content: center;







    gap: 4px;







    width: 100%;







    min-height: 76px;







    padding: 5px 3px;







    border: 1px solid #dedede;







    border-radius: 8px;







    background: #fff;







    cursor: pointer;







    font: inherit;







    font-size: .68rem;







    line-height: 1.2;







    text-align: center;







}















.product-detail-page .mini-model-thumb.is-current {







    border-color: #222;







    box-shadow: 0 0 0 1px #222;







}















.product-detail-page .mini-model-thumb img {







    display: block;







    width: 100%;







    height: 43px;







    object-fit: contain;







}















.product-detail-page .mini-model-main-media {







    grid-column: 2;







    grid-row: 1;







    min-width: 0;







    width: 100%;







}















.product-detail-page .mini-model-main-frame {







    display: flex;







    align-items: center;







    justify-content: center;







    width: 100%;







    min-width: 0;







    overflow: hidden;







}















.product-detail-page .mini-model-main-frame img {







    display: block;







    width: 100%;







    max-width: 100%;







    max-height: 540px;







    object-fit: contain;







}















@media (max-width: 760px) {







    .product-detail-page .mini-model-gallery-v1 {







        grid-template-columns: 54px minmax(0, 1fr);







        gap: 7px;







    }















    .product-detail-page .mini-model-thumb {







        min-height: 68px;







        padding: 5px 2px;







        font-size: .62rem;







    }















    .product-detail-page .mini-model-thumb img {







        height: 37px;







    }







}







/* === FIN MINI MODEL GALERIA V1 === */







/* === PAGINACION_CATALOGO_JUGUETES_V1 === */







.toys-pagination-v1 {







    display: flex;







    flex-wrap: wrap;







    align-items: center;







    justify-content: center;







    gap: 9px;







    width: 100%;







    margin: 32px auto 12px;







}















.toys-page-link {







    display: inline-flex;







    align-items: center;







    justify-content: center;







    min-width: 42px;







    min-height: 42px;







    padding: 9px 13px;







    border: 1px solid #e4dce8;







    border-radius: 10px;







    background: #ffffff;







    color: #392447;







    font-size: 0.92rem;







    font-weight: 600;







    line-height: 1;







    text-decoration: none;







    transition: background-color 0.2s ease, border-color 0.2s ease, color 0.2s ease;







}















.toys-page-link:hover {







    border-color: #6f3c8d;







    background: #f7f0fb;







    color: #51266d;







}















.toys-page-link.is-current {







    border-color: #6f3c8d;







    background: #6f3c8d;







    color: #ffffff;







    cursor: default;







}















.toys-page-link:focus-visible {







    outline: 3px solid #c9a6df;







    outline-offset: 3px;







}















@media (max-width: 600px) {







    .toys-pagination-v1 {







        gap: 6px;







        margin-top: 24px;







    }















    .toys-page-link {







        min-width: 38px;







        min-height: 38px;







        padding: 8px 10px;







        font-size: 0.85rem;







    }







}







/* === FIN PAGINACION_CATALOGO_JUGUETES_V1 === */







/* === DANGO_CART_DESIGN_V1 === */







.cart-page {







    width: min(1180px, calc(100% - 40px));







    margin: 0 auto;







    padding: 36px 0 56px;







    color: #292238;







}















.cart-page-heading {







    margin-bottom: 28px;







}















.cart-page-heading .cart-eyebrow {







    margin: 0 0 8px;







    color: #74409a;







    font-size: .76rem;







    font-weight: 800;







    letter-spacing: .16em;







}















.cart-page-heading h1 {







    margin: 0 0 10px;







    color: #30213d;







    font-size: clamp(1.8rem, 4vw, 2.5rem);







    line-height: 1.2;







}















.cart-page-heading > p:last-child {







    margin: 0;







    color: #716879;







    line-height: 1.6;







}















.cart-status:empty {







    display: none;







}















.cart-status:not(:empty) {







    margin: 0 0 18px;







    padding: 12px 16px;







    border: 1px solid #e4d4ef;







    border-radius: 12px;







    background: #faf5ff;







    color: #593477;







}















.cart-layout {







    display: grid;







    grid-template-columns: minmax(0, 1fr) 320px;







    align-items: start;







    gap: 24px;







}















.cart-items-panel,







.cart-summary,







.cart-empty {







    border: 1px solid #eee5f1;







    border-radius: 18px;







    background: #fff;







    box-shadow: 0 8px 28px rgba(57, 35, 69, .06);







}















.cart-items-panel {







    min-width: 0;







    padding: 22px;







}















.cart-items-heading {







    display: flex;







    flex-wrap: wrap;







    align-items: center;







    justify-content: space-between;







    gap: 10px;







    margin-bottom: 16px;







    padding-bottom: 16px;







    border-bottom: 1px solid #f0eaf3;







}















.cart-items-heading h2,







.cart-summary h2 {







    margin: 0;







    color: #30213d;







    font-size: 1.2rem;







}















.cart-items-heading span {







    color: #756b7d;







    font-size: .9rem;







}















.cart-items {







    display: grid;







    gap: 14px;







}















.cart-item {







    display: grid;







    grid-template-columns: 132px minmax(0, 1fr);







    align-items: center;







    gap: 20px;







    min-width: 0;







    padding: 16px;







    border: 1px solid #eee8f1;







    border-radius: 14px;







    background: #fff;







}















.cart-item-image-link {







    display: flex;







    align-items: center;







    justify-content: center;







    width: 132px;







    height: 132px;







    overflow: hidden;







    border-radius: 12px;







    background: #faf7fc;







}















.cart-item-image {







    display: block;







    width: 100%;







    height: 100%;







    object-fit: contain;







}















.cart-item-details {







    display: flex;







    flex-direction: column;







    align-items: flex-start;







    gap: 10px;







    min-width: 0;







}















.cart-item-name {







    color: #30213d;







    font-size: 1.04rem;







    font-weight: 750;







    line-height: 1.4;







    text-decoration: none;







    overflow-wrap: anywhere;







}















.cart-item-name:hover {







    color: #74409a;







}















.cart-item-unit-price {







    margin: 0;







    color: #716879;







    font-size: .92rem;







}















.cart-quantity-controls {







    display: inline-flex;







    align-items: center;







    gap: 0;







    overflow: hidden;







    border: 1px solid #e3d7e9;







    border-radius: 10px;







    background: #fff;







}















.cart-quantity-button {







    display: inline-flex;







    align-items: center;







    justify-content: center;







    width: 38px;







    height: 36px;







    padding: 0;







    border: 0;







    background: #f7f1fa;







    color: #56316f;







    font-size: 1.15rem;







    font-weight: 700;







    cursor: pointer;







}















.cart-quantity-button:hover:not(:disabled) {







    background: #eadcf4;







}















.cart-quantity-button:disabled {







    color: #b8adbf;







    cursor: not-allowed;







}















.cart-quantity-value {







    display: inline-flex;







    align-items: center;







    justify-content: center;







    min-width: 42px;







    padding: 0 8px;







    color: #30213d;







    font-weight: 700;







    font-variant-numeric: tabular-nums;







}















.cart-item-subtotal {







    margin: 0;







    color: #30213d;







    font-size: .95rem;







    font-weight: 750;







}















.cart-remove-button {







    padding: 7px 11px;







    border: 1px solid #f0d5dc;







    border-radius: 9px;







    background: #fff8f9;







    color: #b42345;







    font-size: .85rem;







    font-weight: 650;







    cursor: pointer;







}















.cart-remove-button:hover {







    border-color: #e7aab8;







    background: #fff0f3;







}















.cart-summary {







    position: sticky;







    top: 20px;







    padding: 24px;







}















.cart-summary h2 {







    margin-bottom: 22px;







}















.cart-summary-line {







    display: flex;







    align-items: center;







    justify-content: space-between;







    gap: 12px;







    padding: 13px 0;







    color: #716879;







    border-bottom: 1px solid #f0eaf3;







}















.cart-summary-line strong {







    color: #30213d;







    font-variant-numeric: tabular-nums;







}















.cart-summary-total {







    margin-top: 4px;







    padding: 18px 0;







    border-bottom: 0;







    color: #30213d;







    font-size: 1.05rem;







    font-weight: 750;







}















.cart-summary-total strong {







    color: #704091;







    font-size: 1.45rem;







}















.cart-summary-note {







    margin: 12px 0 18px;







    padding: 12px;







    border-radius: 10px;







    background: #faf6fc;







    color: #716879;







    font-size: .84rem;







    line-height: 1.6;







}















.cart-continue-link,







.cart-primary-link {







    display: inline-flex;







    align-items: center;







    justify-content: center;







    min-height: 44px;







    padding: 11px 17px;







    border: 1px solid #704091;







    border-radius: 11px;







    background: #704091;







    color: #fff;







    font-weight: 700;







    text-align: center;







    text-decoration: none;







    transition: background-color .18s ease, border-color .18s ease;







}















.cart-continue-link {







    width: 100%;







}















.cart-continue-link:hover,







.cart-primary-link:hover {







    border-color: #56316f;







    background: #56316f;







    color: #fff;







}















.cart-empty {







    padding: 44px 24px;







    text-align: center;







}















.cart-empty-icon {







    margin-bottom: 12px;







    font-size: 2.6rem;







}















.cart-empty h2 {







    margin: 0 0 10px;







    color: #30213d;







}















.cart-empty p {







    margin: 0 0 22px;







    color: #716879;







    line-height: 1.6;







}















.cart-page a:focus-visible,







.cart-page button:focus-visible {







    outline: 3px solid #c9a6df;







    outline-offset: 3px;







}















@media (max-width: 820px) {







    .cart-layout {







        grid-template-columns: minmax(0, 1fr);







    }















    .cart-summary {







        position: static;







    }







}















@media (max-width: 560px) {







    .cart-page {







        width: calc(100% - 24px);







        padding: 24px 0 36px;







    }















    .cart-items-panel {







        padding: 14px;







    }















    .cart-item {







        grid-template-columns: 88px minmax(0, 1fr);







        gap: 12px;







        padding: 10px;







    }















    .cart-item-image-link {







        width: 88px;







        height: 100px;







    }















    .cart-item-details {







        gap: 8px;







    }















    .cart-item-name {







        font-size: .94rem;







    }















    .cart-item-unit-price,







    .cart-item-subtotal {







        font-size: .85rem;







    }















    .cart-quantity-button {







        width: 32px;







        height: 32px;







    }















    .cart-quantity-value {







        min-width: 32px;







    }















    .cart-summary {







        padding: 18px;







    }















    .cart-empty {







        padding: 32px 18px;







    }







}







/* === FIN DANGO_CART_DESIGN_V1 === */















/* AJUSTE ESPACIO SUPERIOR AJEDREZ DE MADERA V1 */







.product-detail-page:has(.chess-detail-layout:not(.ludo-detail-layout)) {







    padding-top: 10px;







}















.product-detail-page:has(.chess-detail-layout:not(.ludo-detail-layout)) .breadcrumbs {







    margin-bottom: 8px;







}















/* DANGOGIFTS FICHA LUDO Y DAMA - FORMATO REFERENCIA V2 */















@media (min-width: 901px) {







    .detail-layout.ludo-detail-layout:not(.mesa3-detail-layout) {







        grid-template-columns: minmax(0, 1.08fr) minmax(0, .92fr);







        gap: clamp(24px, 3.5vw, 42px);







    }















    .ludo-detail-layout:not(.mesa3-detail-layout) .ludo-gallery > div:not(.ludo-gallery-thumbs) {







        aspect-ratio: 1.62 / 1;







        height: auto !important;







        min-height: 0 !important;







        align-self: start;







        padding: 12px;







        border: 1px solid #eadfd2;







        border-radius: 18px;







        background: #fff;







        overflow: hidden;







    }















    .ludo-detail-layout:not(.mesa3-detail-layout) .ludo-gallery > div:not(.ludo-gallery-thumbs) img {







        display: block;







        width: 100%;







        height: 100%;







        max-height: none;







        object-fit: contain;







        object-position: center;







    }















    .ludo-detail-layout:not(.mesa3-detail-layout) .ludo-purchase-buttons {







        display: grid !important;







        grid-template-columns: repeat(2, minmax(0, 1fr));







        gap: 8px;







        align-items: stretch;







    }















    .ludo-detail-layout:not(.mesa3-detail-layout) .ludo-purchase-buttons > button {







        width: 100%;







        min-width: 0;







        min-height: 44px;







        margin: 0;







        padding: 10px 8px;







        font-size: .88rem;







    }







}















/* Características presentadas como tarjetas */







.ludo-detail-layout:not(.mesa3-detail-layout) :is(section, div):has(> h2 + ul) {







    background: transparent;







    border: 0;







    box-shadow: none;







    padding: 0;







}















.ludo-detail-layout:not(.mesa3-detail-layout) ul {







    display: grid;







    grid-template-columns: repeat(2, minmax(0, 1fr));







    gap: 8px;







    margin: 0;







    padding: 0;







    list-style: none;







}















.ludo-detail-layout:not(.mesa3-detail-layout) ul > li {







    min-width: 0;







    margin: 0;







    padding: 11px 12px;







    border: 1px solid #e9e3d9;







    border-radius: 12px;







    background: #fff;







    line-height: 1.4;







    list-style: none;







}















.ludo-detail-layout:not(.mesa3-detail-layout) ul > li::marker {







    content: "";







}















@media (max-width: 900px) {







    .ludo-detail-layout:not(.mesa3-detail-layout) .ludo-purchase-buttons {







        grid-template-columns: 1fr;







    }







}















@media (max-width: 520px) {







    .ludo-detail-layout:not(.mesa3-detail-layout) ul {







        grid-template-columns: 1fr;







    }







}















/* DANGOGIFTS FICHA MESA 3 EN 1 - FORMATO REFERENCIA V1 */















/* Galería y proporción de la imagen */







@media (min-width: 901px) {







    .detail-layout.mesa3-detail-layout {







        grid-template-columns: minmax(0, 1.08fr) minmax(0, .92fr);







        align-items: start;







        gap: clamp(24px, 3.5vw, 42px);







    }















    .mesa3-detail-layout .ludo-gallery-main {







        width: 100%;







        height: auto !important;







        min-height: 0 !important;







        aspect-ratio: 1.62 / 1;







        box-sizing: border-box;







        padding: 12px;







        border: 1px solid #eadfd2;







        border-radius: 18px;







        background: #fff;







        overflow: hidden;







        display: flex;







        align-items: center;







        justify-content: center;







    }















    .mesa3-detail-layout .ludo-gallery-main img {







        display: block;







        width: 100%;







        height: 100%;







        max-height: none;







        object-fit: contain;







        object-position: center;







    }















    /* Botones en paralelo, como en la ficha de referencia */







    .mesa3-detail-layout .ludo-purchase-buttons {







        display: grid !important;







        grid-template-columns: repeat(2, minmax(0, 1fr));







        gap: 8px;







        align-items: stretch;







    }















    .mesa3-detail-layout .ludo-purchase-buttons > button {







        width: 100%;







        min-width: 0;







        min-height: 44px;







        margin: 0;







        padding: 10px 8px;







        font-size: .88rem;







    }







}















/* Características como tarjetas individuales */







.mesa3-detail-layout :is(section, div):has(> h2 + ul) {







    background: transparent;







    border: 0;







    box-shadow: none;







    padding: 0;







}















.mesa3-detail-layout ul {







    display: grid;







    grid-template-columns: repeat(2, minmax(0, 1fr));







    gap: 8px;







    margin: 0;







    padding: 0;







    list-style: none;







}















.mesa3-detail-layout ul > li {







    min-width: 0;







    margin: 0;







    padding: 11px 12px;







    border: 1px solid #e9e3d9;







    border-radius: 12px;







    background: #fff;







    line-height: 1.4;







    list-style: none;







}















.mesa3-detail-layout ul > li::marker {







    content: "";







}















/* Adaptación para pantallas estrechas */







@media (max-width: 900px) {







    .mesa3-detail-layout .ludo-purchase-buttons {







        grid-template-columns: 1fr;







    }







}















@media (max-width: 520px) {







    .mesa3-detail-layout ul {







        grid-template-columns: 1fr;







    }







}















/* AJUSTE ESPACIO SUPERIOR LUDO Y DAMA V1 */







.product-detail-page:has(.ludo-detail-layout:not(.mesa3-detail-layout)) {







    padding-top: 10px;







}















.product-detail-page:has(.ludo-detail-layout:not(.mesa3-detail-layout)) .breadcrumbs {







    margin-bottom: 8px;







}















/* DANGOGIFTS AJUSTE TIPOGRAFIA LUDO Y DAMA V2 */















.ludo-detail-layout:not(.mesa3-detail-layout) h1 {







    font-size: clamp(1.55rem, 2vw, 1.75rem);







    line-height: 1.2;







}















.ludo-detail-layout:not(.mesa3-detail-layout) .chess-detail-price,







.ludo-detail-layout:not(.mesa3-detail-layout) .detail-price {







    font-size: clamp(1.75rem, 2.2vw, 2rem);







    line-height: 1.2;







    margin: 10px 0;







}















.ludo-detail-layout:not(.mesa3-detail-layout) .chess-lead,







.ludo-detail-layout:not(.mesa3-detail-layout) .detail-description {







    font-size: .88rem;







    line-height: 1.58;







    margin-bottom: 12px;







}















.ludo-detail-layout:not(.mesa3-detail-layout) ul > li {







    font-size: .72rem;







    font-weight: 700;







    line-height: 1.35;







    color: #354357;







}















.ludo-detail-layout:not(.mesa3-detail-layout) .ludo-quantity-label {







    font-size: .8rem;







}















.ludo-detail-layout:not(.mesa3-detail-layout) .ludo-quantity-row {







    margin-bottom: 14px;







}















.ludo-detail-layout:not(.mesa3-detail-layout) .ludo-purchase-buttons > .chess-add-button,







.ludo-detail-layout:not(.mesa3-detail-layout) .ludo-purchase-buttons > .chess-favorite-button {







    min-height: 44px;







    padding: 9px 10px;







    gap: 6px;







    font-size: .76rem;







    line-height: 1.3;







}















/* DANGOGIFTS TIPOGRAFIA LUDO Y DAMA V3 */







/* Valores visuales alineados con la ficha de Ajedrez de madera */















.ludo-detail-layout:not(.mesa3-detail-layout) .ludo-eyebrow {







    margin: 0 0 8px;







    font-size: .70rem;







    font-weight: 800;







    line-height: 1.4;







    letter-spacing: .15em;







    text-transform: uppercase;







}















.ludo-detail-layout:not(.mesa3-detail-layout) .ludo-product-info h1 {







    margin: 0;







    font-size: clamp(1.7rem, 2.2vw, 2rem);







    font-weight: 800;







    line-height: 1.13;







    letter-spacing: -.025em;







}















.ludo-detail-layout:not(.mesa3-detail-layout) .ludo-price {







    margin: 10px 0;







    font-size: clamp(1.75rem, 2.2vw, 2rem);







    font-weight: 900;







    line-height: 1.2;







    letter-spacing: -.035em;







}















.ludo-detail-layout:not(.mesa3-detail-layout) .ludo-description {







    margin: 0 0 12px;







    color: #596678;







    font-size: .88rem;







    font-weight: 400;







    line-height: 1.58;







}















/* El encabezado permanece accesible, pero no ocupa espacio visual */







.ludo-detail-layout:not(.mesa3-detail-layout) .ludo-features h2 {







    position: absolute;







    width: 1px;







    height: 1px;







    padding: 0;







    margin: -1px;







    overflow: hidden;







    clip: rect(0, 0, 0, 0);







    white-space: nowrap;







    border: 0;







}















.ludo-detail-layout:not(.mesa3-detail-layout) .ludo-features ul {







    margin: 5px 0 14px;







    padding: 0;







    gap: 8px;







}















.ludo-detail-layout:not(.mesa3-detail-layout) .ludo-features ul > li {







    display: flex;







    align-items: center;







    gap: 8px;







    padding: 10px 11px;







    font-size: .72rem;







    font-weight: 700;







    line-height: 1.35;







    color: #354357;







}















/* Iconos relacionados con las características reales del juego */







.ludo-detail-layout:not(.mesa3-detail-layout) .ludo-features ul > li::before {







    flex: 0 0 auto;







    font-size: .95rem;







    line-height: 1;







}















.ludo-detail-layout:not(.mesa3-detail-layout) .ludo-features ul > li:nth-child(1)::before {







    content: "🎲";







}















.ludo-detail-layout:not(.mesa3-detail-layout) .ludo-features ul > li:nth-child(2)::before {







    content: "♟";







}















.ludo-detail-layout:not(.mesa3-detail-layout) .ludo-features ul > li:nth-child(3)::before {







    content: "👥";







}















.ludo-detail-layout:not(.mesa3-detail-layout) .ludo-quantity-label {







    font-size: .80rem;







    font-weight: 700;







}















.ludo-detail-layout:not(.mesa3-detail-layout) .ludo-purchase-buttons > button {







    font-size: .76rem;







    font-weight: 700;







    line-height: 1.3;







}























/* DANGOGIFTS MESA 3 EN 1 UNIFORMIDAD V2 */















/* Mismo espaciado compacto que Ajedrez de madera */







.product-detail-page:has(.mesa3-detail-layout) {







    padding-top: 10px;







}















.product-detail-page:has(.mesa3-detail-layout) .breadcrumbs {







    margin-bottom: 8px;







}















/* Jerarquía tipográfica uniforme */







.mesa3-detail-layout .ludo-eyebrow {







    margin: 0 0 8px;







    font-size: .70rem;







    font-weight: 800;







    line-height: 1.4;







    letter-spacing: .15em;







    text-transform: uppercase;







}















.mesa3-detail-layout .ludo-product-info h1 {







    margin: 0;







    font-size: clamp(1.7rem, 2.2vw, 2rem);







    font-weight: 800;







    line-height: 1.13;







    letter-spacing: -.025em;







}















.mesa3-detail-layout .ludo-price {







    margin: 10px 0;







    font-size: clamp(1.75rem, 2.2vw, 2rem);







    font-weight: 900;







    line-height: 1.2;







    letter-spacing: -.035em;







}















.mesa3-detail-layout .ludo-description {







    margin: 0 0 12px;







    color: #596678;







    font-size: .88rem;







    font-weight: 400;







    line-height: 1.58;







}















/* Características: tarjetas compactas con iconos */







.mesa3-detail-layout .ludo-features h2 {







    position: absolute;







    width: 1px;







    height: 1px;







    padding: 0;







    margin: -1px;







    overflow: hidden;







    clip: rect(0, 0, 0, 0);







    white-space: nowrap;







    border: 0;







}















.mesa3-detail-layout .ludo-features ul {







    margin: 5px 0 14px;







    padding: 0;







    gap: 8px;







}















.mesa3-detail-layout .ludo-features ul > li {







    display: flex;







    align-items: center;







    gap: 8px;







    min-width: 0;







    padding: 10px 11px;







    font-size: .72rem;







    font-weight: 700;







    line-height: 1.35;







    color: #354357;







}















.mesa3-detail-layout .ludo-features ul > li::before {







    flex: 0 0 auto;







    font-size: .95rem;







    line-height: 1;







}















.mesa3-detail-layout .ludo-features ul > li:nth-child(1)::before {







    content: "♟";







}















.mesa3-detail-layout .ludo-features ul > li:nth-child(2)::before {







    content: "📏";







}















.mesa3-detail-layout .ludo-quantity-label {







    font-size: .80rem;







    font-weight: 700;







}















.mesa3-detail-layout .ludo-quantity-row {







    margin-bottom: 14px;







}















.mesa3-detail-layout .ludo-purchase-buttons > button {







    min-height: 44px;







    padding: 9px 10px;







    gap: 6px;







    font-size: .76rem;







    font-weight: 700;







    line-height: 1.3;







}















DANGOGIFTS COCHE RC RACING UNIFORMIDAD V3















/* DANGOGIFTS COCHE RC RACING UNIFORMIDAD V3 */















.product-detail-page:has(.coche-rc-racing-detail-layout) {







    padding-top: 10px;







}















.product-detail-page:has(.coche-rc-racing-detail-layout) .breadcrumbs {







    margin-bottom: 8px;







}















.coche-rc-racing-detail-layout .eyebrow {







    margin: 0 0 8px;







    font-size: .70rem;







    font-weight: 800;







    line-height: 1.4;







    letter-spacing: .15em;







    text-transform: uppercase;







}















.coche-rc-racing-detail-layout h1 {







    margin-top: 0;







    font-size: clamp(1.7rem, 2.2vw, 2rem);







    font-weight: 800;







    line-height: 1.13;







    letter-spacing: -.025em;







}















.coche-rc-racing-detail-layout .detail-price,







.coche-rc-racing-detail-layout .chess-detail-price {







    margin: 10px 0;







    font-size: clamp(1.75rem, 2.2vw, 2rem);







    font-weight: 900;







    line-height: 1.2;







    letter-spacing: -.035em;







}















.coche-rc-racing-detail-layout .detail-description,







.coche-rc-racing-detail-layout .chess-lead {







    margin-bottom: 12px;







    font-size: .88rem;







    font-weight: 400;







    line-height: 1.58;







}















.coche-rc-racing-detail-layout .chess-spec-grid {







    gap: 8px;







    margin-top: 5px;







    margin-bottom: 14px;







}















.coche-rc-racing-detail-layout .chess-spec-text {







    font-size: .72rem;







    font-weight: 700;







    line-height: 1.35;







}















.coche-rc-racing-detail-layout .chess-purchase-buttons {







    gap: 8px;







}















.coche-rc-racing-detail-layout .chess-add-button,







.coche-rc-racing-detail-layout .chess-favorite-button {







    min-height: 44px;







    padding: 9px 10px;







    font-size: .76rem;







    line-height: 1.3;







}























/* DANGOGIFTS FICHA UNO CARTAS UNIFORMIDAD V1 */















.product-detail-page:has(.uno-cartas-detail-layout) {







    padding-top: 10px;







}















.product-detail-page:has(.uno-cartas-detail-layout) .breadcrumbs {







    margin-bottom: 8px;







}















.detail-layout.uno-cartas-detail-layout {







    grid-template-columns: minmax(0, 1.02fr) minmax(0, .98fr);







    align-items: start;







    gap: 22px;







    padding: 18px;







    border-radius: 18px;







}















.uno-cartas-detail-layout .detail-image {







    display: grid;







    min-width: 0;







    min-height: 340px;







    padding: 14px;







    place-items: center;







    border: 1px solid #eadfd2;







    border-radius: 16px;







    background: #faf8f4;







    overflow: hidden;







}















.uno-cartas-detail-layout .detail-image img {







    display: block;







    width: 100%;







    max-width: 100%;







    max-height: 430px;







    height: auto;







    object-fit: contain;







    object-position: center;







}















.uno-cartas-detail-layout .detail-copy {







    min-width: 0;







    padding: 2px 0;







}















.uno-cartas-detail-layout .eyebrow {







    margin: 0 0 8px;







    font-size: .70rem;







    font-weight: 800;







    line-height: 1.4;







    letter-spacing: .15em;







    text-transform: uppercase;







}















.uno-cartas-detail-layout .detail-copy h1 {







    margin: 6px 0 0;







    font-size: clamp(1.55rem, 2.2vw, 2rem);







    font-weight: 800;







    line-height: 1.13;







    letter-spacing: -.025em;







}















.uno-cartas-detail-layout .detail-price {







    margin: 10px 0;







    font-size: clamp(1.75rem, 2.2vw, 2rem);







    font-weight: 900;







    line-height: 1.2;







    letter-spacing: -.035em;







}















.uno-cartas-detail-layout .detail-description {







    margin: 0 0 12px;







    color: #596678;







    font-size: .88rem;







    line-height: 1.58;







}















.uno-cartas-detail-layout .detail-features {







    width: 100%;







    margin: 5px 0 14px;







}















.uno-cartas-detail-layout .detail-features h2 {







    position: absolute;







    width: 1px;







    height: 1px;







    padding: 0;







    margin: -1px;







    overflow: hidden;







    clip: rect(0, 0, 0, 0);







    white-space: nowrap;







    border: 0;







}















.uno-cartas-detail-layout .detail-features ul {







    display: grid;







    grid-template-columns: minmax(0, 1fr);







    gap: 8px;







    margin: 0;







    padding: 0;







    list-style: none;







}















.uno-cartas-detail-layout .detail-features li {







    display: flex;







    align-items: center;







    gap: 9px;







    min-width: 0;







    margin: 0;







    padding: 11px 12px;







    border: 1px solid #e9e3d9;







    border-radius: 12px;







    background: #fff;







    color: #354357;







    font-size: .76rem;







    font-weight: 700;







    line-height: 1.4;







    list-style: none;







}















.uno-cartas-detail-layout .detail-features li::before {







    content: "📏";







    flex: 0 0 auto;







    font-size: 1rem;







}















.uno-cartas-buy-panel {







    width: 100%;







    margin: 0 0 8px;







}















.uno-cartas-quantity-line {







    display: flex;







    align-items: center;







    justify-content: space-between;







    gap: 12px;







    margin: 0 0 9px;







}















.uno-cartas-quantity-line label {







    color: #26364f;







    font-size: .80rem;







    font-weight: 700;







}















.uno-cartas-purchase-buttons {







    display: grid;







    grid-template-columns: minmax(0, 1.02fr) minmax(0, .98fr);







    gap: 8px;







    width: 100%;







}















.uno-cartas-purchase-buttons .chess-add-button,







.uno-cartas-purchase-buttons .chess-favorite-button {







    width: 100%;







    min-width: 0;







    min-height: 44px;







    padding: 9px 10px;







    font-size: .76rem;







    line-height: 1.3;







}























@media (max-width: 900px) {







    .detail-layout.uno-cartas-detail-layout {







        grid-template-columns: minmax(0, 1fr);







        gap: 18px;







        padding: 16px;







    }















    .uno-cartas-detail-layout .detail-image {







        min-height: 280px;







    }







}















@media (max-width: 520px) {







    .detail-layout.uno-cartas-detail-layout {







        padding: 12px;







        gap: 14px;







    }















    .uno-cartas-purchase-buttons {







        grid-template-columns: minmax(0, 1fr);







    }















    .uno-cartas-detail-layout .detail-image {







        min-height: 220px;







        padding: 10px;







    }







}























/* DANGOGIFTS FICHA UNO CARTAS UNIFORMIDAD V2 */















.product-detail-page:has(.uno-cartas-detail-layout) {







    padding-top: 10px;







}







.product-detail-page:has(.uno-cartas-detail-layout) .breadcrumbs {







    margin-bottom: 8px;







}







.detail-layout.uno-cartas-detail-layout {







    grid-template-columns: minmax(0, 1.02fr) minmax(0, .98fr);







    align-items: start;







    gap: 22px;







    padding: 18px;







    border-radius: 18px;







}







.uno-cartas-detail-layout .detail-image {







    display: grid;







    min-width: 0;







    min-height: 340px;







    padding: 14px;







    place-items: center;







    border: 1px solid #eadfd2;







    border-radius: 16px;







    background: #faf8f4;







    overflow: hidden;







}







.uno-cartas-detail-layout .detail-image img {







    display: block;







    width: 100%;







    max-width: 100%;







    max-height: 430px;







    height: auto;







    object-fit: contain;







    object-position: center;







}







.uno-cartas-detail-layout .detail-copy {







    min-width: 0;







    padding: 2px 0;







}







.uno-cartas-detail-layout .detail-copy > .eyebrow { order: 1; }







.uno-cartas-detail-layout .detail-copy > h1 {







    order: 2;







    margin: 6px 0 0;







    font-size: clamp(1.55rem, 2.2vw, 2rem);







    font-weight: 800;







    line-height: 1.13;







    letter-spacing: -.025em;







}







.uno-cartas-detail-layout .detail-copy > .detail-price {







    order: 3;







    margin: 10px 0;







    font-size: clamp(1.75rem, 2.2vw, 2rem);







    font-weight: 900;







    line-height: 1.2;







    letter-spacing: -.035em;







}







.uno-cartas-detail-layout .detail-copy > .detail-description {







    order: 4;







    margin: 0 0 12px;







    color: #596678;







    font-size: .88rem;







    font-weight: 400;







    line-height: 1.58;







}







.uno-cartas-detail-layout .detail-features {







    order: 5;







    width: 100%;







    margin: 5px 0 14px;







}







.uno-cartas-detail-layout .detail-features h2 {







    position: absolute;







    width: 1px;







    height: 1px;







    padding: 0;







    margin: -1px;







    overflow: hidden;







    clip: rect(0, 0, 0, 0);







    white-space: nowrap;







    border: 0;







}







.uno-cartas-detail-layout .detail-features ul {







    display: grid;







    grid-template-columns: minmax(0, 1fr);







    gap: 8px;







    margin: 0;







    padding: 0;







    list-style: none;







}







.uno-cartas-detail-layout .detail-features li {







    display: flex;







    align-items: center;







    gap: 9px;







    min-width: 0;







    margin: 0;







    padding: 11px 12px;







    border: 1px solid #e9e3d9;







    border-radius: 12px;







    background: #fff;







    color: #354357;







    font-size: .76rem;







    font-weight: 700;







    line-height: 1.4;







    list-style: none;







}







.uno-cartas-detail-layout .detail-features li::before {







    content: "📏";







    flex: 0 0 auto;







    font-size: 1rem;







}







.uno-cartas-buy-panel {







    order: 6;







    width: 100%;







    margin: 0 0 8px;







}







.uno-cartas-quantity-line {







    display: flex;







    align-items: center;







    justify-content: space-between;







    gap: 12px;







    margin: 0 0 9px;







}







.uno-cartas-quantity-line label {







    color: #26364f;







    font-size: .80rem;







    font-weight: 700;







}







.uno-cartas-purchase-buttons {







    display: grid;







    grid-template-columns: minmax(0, 1.02fr) minmax(0, .98fr);







    gap: 8px;







    width: 100%;







}







.uno-cartas-purchase-buttons .chess-add-button,







.uno-cartas-purchase-buttons .chess-favorite-button {







    width: 100%;







    min-width: 0;







    min-height: 44px;







    padding: 9px 10px;







    font-size: .76rem;







    line-height: 1.3;







}















@media (max-width: 900px) {







    .detail-layout.uno-cartas-detail-layout {







        grid-template-columns: minmax(0, 1fr);







        gap: 18px;







        padding: 16px;







    }







    .uno-cartas-detail-layout .detail-image {







        min-height: 280px;







    }







}







@media (max-width: 520px) {







    .detail-layout.uno-cartas-detail-layout {







        padding: 12px;







        gap: 14px;







    }







    .uno-cartas-purchase-buttons {







        grid-template-columns: minmax(0, 1fr);







    }







    .uno-cartas-detail-layout .detail-image {







        min-height: 220px;







        padding: 10px;







    }







}















DANGOGIFTS COCHE RC DEPORTIVO UNIFORMIDAD V2















/* DANGOGIFTS COCHE RC DEPORTIVO UNIFORMIDAD V2 */















.product-detail-page:has(.coche-rc-deportivo-detail-layout) {







    padding-top: 10px;







}















.product-detail-page:has(.coche-rc-deportivo-detail-layout) .breadcrumbs {







    margin-bottom: 8px;







}















.detail-layout.coche-rc-deportivo-detail-layout {







    grid-template-columns: minmax(0, 1.02fr) minmax(0, .98fr);







    align-items: start;







    gap: 22px;







    padding: 18px;







    border-radius: 18px;







}















.coche-rc-deportivo-detail-layout .chess-detail-copy h1 {







    margin: 6px 0 0;







    font-size: clamp(1.55rem, 2.2vw, 2rem);







    font-weight: 800;







    line-height: 1.13;







    letter-spacing: -.025em;







}















.coche-rc-deportivo-detail-layout .chess-detail-price {







    margin: 10px 0;







    font-size: clamp(1.75rem, 2.2vw, 2rem);







    font-weight: 900;







    line-height: 1.2;







    letter-spacing: -.035em;







}















.coche-rc-deportivo-detail-layout .chess-lead {







    margin-bottom: 12px;







    font-size: .88rem;







    font-weight: 400;







    line-height: 1.58;







}















.coche-rc-deportivo-detail-layout .chess-spec-grid {







    gap: 8px;







    margin-top: 5px;







    margin-bottom: 14px;







}















.coche-rc-deportivo-detail-layout .chess-spec-text {







    font-size: .72rem;







    font-weight: 700;







    line-height: 1.35;







}















.coche-rc-deportivo-detail-layout .chess-purchase-buttons {







    gap: 8px;







}















.coche-rc-deportivo-detail-layout .chess-add-button,







.coche-rc-deportivo-detail-layout .chess-favorite-button {







    min-height: 44px;







    padding: 9px 10px;







    font-size: .76rem;







    line-height: 1.3;







}















@media (max-width: 900px) {







    .detail-layout.coche-rc-deportivo-detail-layout {







        grid-template-columns: minmax(0, 1fr);







        gap: 18px;







        padding: 16px;







    }







}















@media (max-width: 520px) {







    .detail-layout.coche-rc-deportivo-detail-layout {







        padding: 12px;







        gap: 14px;







    }















    .coche-rc-deportivo-detail-layout .chess-purchase-buttons {







        grid-template-columns: minmax(0, 1fr);







    }







}















DANGOGIFTS CAMION LANZADOR POLICIAL UNIFORMIDAD V1















/* DANGOGIFTS CAMION LANZADOR POLICIAL UNIFORMIDAD V1 */















.product-detail-page:has(.camion-policial-detail-layout) {







    padding-top: 10px;







}















.product-detail-page:has(.camion-policial-detail-layout) .breadcrumbs {







    margin-bottom: 8px;







}















.detail-layout.camion-policial-detail-layout {







    grid-template-columns: minmax(0, 1.02fr) minmax(0, .98fr);







    align-items: start;







    gap: 22px;







    padding: 18px;







    border-radius: 18px;







}















.camion-policial-detail-layout .chess-detail-copy h1 {







    margin: 6px 0 0;







    font-size: clamp(1.55rem, 2.2vw, 2rem);







    font-weight: 800;







    line-height: 1.13;







    letter-spacing: -.025em;







}















.camion-policial-detail-layout .chess-detail-price {







    margin: 10px 0;







    font-size: clamp(1.75rem, 2.2vw, 2rem);







    font-weight: 900;







    line-height: 1.2;







    letter-spacing: -.035em;







}















.camion-policial-detail-layout .chess-lead {







    margin-bottom: 12px;







    font-size: .88rem;







    font-weight: 400;







    line-height: 1.58;







}















.camion-policial-detail-layout .chess-spec-grid {







    gap: 8px;







    margin-top: 5px;







    margin-bottom: 14px;







}















.camion-policial-detail-layout .chess-spec-text {







    font-size: .72rem;







    font-weight: 700;







    line-height: 1.35;







}















.camion-policial-detail-layout .chess-buy-panel {







    margin: 2px 0 9px;







}















.camion-policial-detail-layout .chess-purchase-buttons {







    gap: 8px;







}















.camion-policial-detail-layout .chess-add-button,







.camion-policial-detail-layout .chess-favorite-button {







    min-height: 44px;







    padding: 9px 10px;







    font-size: .76rem;







    line-height: 1.3;







}















@media (max-width: 900px) {







    .detail-layout.camion-policial-detail-layout {







        grid-template-columns: minmax(0, 1fr);







        gap: 18px;







        padding: 16px;







    }







}















@media (max-width: 520px) {







    .detail-layout.camion-policial-detail-layout {







        padding: 12px;







        gap: 14px;







    }















    .camion-policial-detail-layout .chess-purchase-buttons {







        grid-template-columns: minmax(0, 1fr);







    }







}























/* DANGOGIFTS DINO TRUCK UNIFORMIDAD V1 */















.product-detail-page:has(.dino-truck-detail-layout) {







    padding-top: 10px;







}















.product-detail-page:has(.dino-truck-detail-layout) .breadcrumbs {







    margin-bottom: 8px;







}















.detail-layout.dino-truck-detail-layout {







    grid-template-columns: minmax(0, 1.02fr) minmax(0, .98fr);







    align-items: start;







    gap: 22px;







    padding: 18px;







    border-radius: 18px;







}















.dino-truck-detail-layout h1 {







    margin: 6px 0 0;







    font-size: clamp(1.55rem, 2.2vw, 2rem);







    font-weight: 800;







    line-height: 1.13;







    letter-spacing: -.025em;







}















.dino-truck-detail-layout .chess-detail-price,







.dino-truck-detail-layout .detail-price {







    margin: 10px 0;







    font-size: clamp(1.75rem, 2.2vw, 2rem);







    font-weight: 900;







    line-height: 1.2;







    letter-spacing: -.035em;







}















.dino-truck-detail-layout .chess-lead,







.dino-truck-detail-layout .detail-description {







    margin-bottom: 12px;







    font-size: .88rem;







    font-weight: 400;







    line-height: 1.58;







}















.dino-truck-detail-layout .chess-spec-grid {







    gap: 8px;







    margin-top: 5px;







    margin-bottom: 14px;







}















.dino-truck-detail-layout .chess-spec-text {







    font-size: .72rem;







    font-weight: 700;







    line-height: 1.35;







}















.dino-truck-detail-layout .chess-buy-panel {







    margin: 2px 0 9px;







}















.dino-truck-detail-layout .chess-purchase-buttons {







    gap: 8px;







}















.dino-truck-detail-layout .chess-add-button,







.dino-truck-detail-layout .chess-favorite-button {







    min-height: 44px;







    padding: 9px 10px;







    font-size: .76rem;







    line-height: 1.3;







}















@media (max-width: 900px) {







    .detail-layout.dino-truck-detail-layout {







        grid-template-columns: minmax(0, 1fr);







        gap: 18px;







        padding: 16px;







    }







}















@media (max-width: 520px) {







    .detail-layout.dino-truck-detail-layout {







        padding: 12px;







        gap: 14px;







    }















    .dino-truck-detail-layout .chess-purchase-buttons {







        grid-template-columns: minmax(0, 1fr);







    }







}























/* DANGOGIFTS SPEED LAUNCHER UNIFORMIDAD V1 */















.product-detail-page:has(.speed-launcher-detail-layout) {







    padding-top: 10px;







}















.product-detail-page:has(.speed-launcher-detail-layout) .breadcrumbs {







    margin-bottom: 8px;







}















.detail-layout.speed-launcher-detail-layout {







    grid-template-columns: minmax(0, 1.02fr) minmax(0, .98fr);







    align-items: start;







    gap: 22px;







    padding: 18px;







    border-radius: 18px;







}















.speed-launcher-detail-layout .chess-detail-copy h1 {







    margin: 6px 0 0;







    font-size: clamp(1.55rem, 2.2vw, 2rem);







    font-weight: 800;







    line-height: 1.13;







    letter-spacing: -.025em;







}















.speed-launcher-detail-layout .chess-detail-price {







    margin: 10px 0;







    font-size: clamp(1.75rem, 2.2vw, 2rem);







    font-weight: 900;







    line-height: 1.2;







    letter-spacing: -.035em;







}















.speed-launcher-detail-layout .chess-lead {







    margin-bottom: 12px;







    font-size: .88rem;







    font-weight: 400;







    line-height: 1.58;







}















.speed-launcher-detail-layout .chess-spec-grid {







    gap: 8px;







    margin-top: 5px;







    margin-bottom: 14px;







}















.speed-launcher-detail-layout .chess-spec-text {







    font-size: .72rem;







    font-weight: 700;







    line-height: 1.35;







}















.speed-launcher-detail-layout .chess-buy-panel {







    margin: 2px 0 9px;







}















.speed-launcher-detail-layout .chess-purchase-buttons {







    gap: 8px;







}















.speed-launcher-detail-layout .chess-add-button,







.speed-launcher-detail-layout .chess-favorite-button {







    min-height: 44px;







    padding: 9px 10px;







    font-size: .76rem;







    line-height: 1.3;







}















@media (max-width: 900px) {







    .detail-layout.speed-launcher-detail-layout {







        grid-template-columns: minmax(0, 1fr);







        gap: 18px;







        padding: 16px;







    }







}















@media (max-width: 520px) {







    .detail-layout.speed-launcher-detail-layout {







        padding: 12px;







        gap: 14px;







    }















    .speed-launcher-detail-layout .chess-purchase-buttons {







        grid-template-columns: minmax(0, 1fr);







    }







}























/* DANGOGIFTS TRES CARTAS UNIFORMIDAD V1 */















.product-detail-page:has(.tres-cartas-detail-layout) {







    padding-top: 10px;







}







.product-detail-page:has(.tres-cartas-detail-layout) .breadcrumbs {







    margin-bottom: 8px;







}







.detail-layout.tres-cartas-detail-layout {







    grid-template-columns: minmax(0, 1.02fr) minmax(0, .98fr);







    align-items: start;







    gap: 22px;







    padding: 18px;







    border-radius: 18px;







}







.tres-cartas-detail-layout .detail-image {







    display: grid;







    min-width: 0;







    min-height: 340px;







    padding: 14px;







    place-items: center;







    border: 1px solid #eadfd2;







    border-radius: 16px;







    background: #faf8f4;







    overflow: hidden;







}







.tres-cartas-detail-layout .detail-image img {







    display: block;







    width: 100%;







    max-width: 100%;







    max-height: 430px;







    height: auto;







    object-fit: contain;







    object-position: center;







}







.tres-cartas-detail-layout .detail-copy {







    display: flex;







    min-width: 0;







    flex-direction: column;







    align-items: stretch;







    padding: 2px 0;







}







.tres-cartas-detail-layout .detail-copy > .eyebrow {







    order: 0;







    margin-bottom: 8px;







    font-size: .70rem;







    font-weight: 800;







    line-height: 1.4;







    letter-spacing: .15em;







    text-transform: uppercase;







}







.tres-cartas-detail-layout .detail-copy > h1 {







    order: 1;







    margin: 6px 0 0;







    font-size: clamp(1.55rem, 2.2vw, 2rem);







    font-weight: 800;







    line-height: 1.13;







    letter-spacing: -.025em;







}







.tres-cartas-detail-layout .detail-copy > .detail-price {







    order: 2;







    margin: 10px 0;







    font-size: clamp(1.75rem, 2.2vw, 2rem);







    font-weight: 900;







    line-height: 1.2;







    letter-spacing: -.035em;







}







.tres-cartas-detail-layout .detail-copy > .detail-description {







    order: 3;







    margin: 0 0 12px;







    color: #596678;







    font-size: .88rem;







    font-weight: 400;







    line-height: 1.58;







}







.tres-cartas-detail-layout .detail-copy > .detail-features {







    order: 4;







    width: 100%;







    margin: 5px 0 14px;







}







.tres-cartas-detail-layout .detail-features h2 {







    position: absolute;







    width: 1px;







    height: 1px;







    padding: 0;







    margin: -1px;







    overflow: hidden;







    clip: rect(0, 0, 0, 0);







    white-space: nowrap;







    border: 0;







}







.tres-cartas-detail-layout .detail-features ul {







    display: grid;







    grid-template-columns: minmax(0, 1fr);







    gap: 8px;







    margin: 0;







    padding: 0;







    list-style: none;







}







.tres-cartas-detail-layout .detail-features li {







    display: flex;







    align-items: center;







    gap: 9px;







    min-width: 0;







    margin: 0;







    padding: 11px 12px;







    border: 1px solid #e9e3d9;







    border-radius: 12px;







    background: #fff;







    color: #354357;







    font-size: .76rem;







    font-weight: 700;







    line-height: 1.4;







    list-style: none;







}







.tres-cartas-detail-layout .detail-features li::before {







    content: "🃏";







    flex: 0 0 auto;







    font-size: 1rem;







}







.tres-cartas-buy-panel {







    order: 5;







    width: 100%;







    margin: 0 0 8px;







}







.tres-cartas-quantity-line {







    display: flex;







    align-items: center;







    justify-content: space-between;







    gap: 12px;







    margin: 0 0 9px;







}







.tres-cartas-quantity-line label {







    color: #26364f;







    font-size: .80rem;







    font-weight: 700;







}







.tres-cartas-purchase-buttons {







    display: grid;







    grid-template-columns: minmax(0, 1.02fr) minmax(0, .98fr);







    gap: 8px;







    width: 100%;







}







.tres-cartas-purchase-buttons .chess-add-button,







.tres-cartas-purchase-buttons .chess-favorite-button {







    width: 100%;







    min-width: 0;







    min-height: 44px;







    padding: 9px 10px;







    font-size: .76rem;







    line-height: 1.3;







}







@media (max-width: 900px) {







    .detail-layout.tres-cartas-detail-layout {







        grid-template-columns: minmax(0, 1fr);







        gap: 18px;







        padding: 16px;







    }







    .tres-cartas-detail-layout .detail-image {







        min-height: 280px;







    }







}







@media (max-width: 520px) {







    .detail-layout.tres-cartas-detail-layout {







        padding: 12px;







        gap: 14px;







    }







    .tres-cartas-purchase-buttons {







        grid-template-columns: minmax(0, 1fr);







    }







    .tres-cartas-detail-layout .detail-image {







        min-height: 220px;







        padding: 10px;







    }







}























/* DANGOGIFTS BLOQUES EXPRESIONES UNIFORMIDAD V1 */







.product-detail-page:has(.bloques-expresiones-detail-layout) {







    padding-top: 10px;







}







.product-detail-page:has(.bloques-expresiones-detail-layout) .breadcrumbs {







    margin-bottom: 8px;







}







.detail-layout.bloques-expresiones-detail-layout {







    grid-template-columns: minmax(0, 1.02fr) minmax(0, .98fr);







    align-items: start;







    gap: 22px;







    padding: 18px;







    border-radius: 18px;







}







.bloques-expresiones-detail-layout .bloques-expresiones-gallery-v1 {







    min-width: 0;







    width: 100%;







}







.bloques-expresiones-detail-layout .detail-copy {







    display: flex;







    min-width: 0;







    flex-direction: column;







    align-items: stretch;







    padding: 2px 0;







}







.bloques-expresiones-detail-layout .detail-copy > .eyebrow {







    order: 0;







    margin-bottom: 8px;







    font-size: .70rem;







    font-weight: 800;







    line-height: 1.4;







    letter-spacing: .15em;







    text-transform: uppercase;







}







.bloques-expresiones-detail-layout .detail-copy > h1 {







    order: 1;







    margin: 6px 0 0;







    font-size: clamp(1.55rem, 2.2vw, 2rem);







    font-weight: 800;







    line-height: 1.13;







    letter-spacing: -.025em;







}







.bloques-expresiones-detail-layout .detail-copy > .detail-price {







    order: 2;







    margin: 10px 0;







    font-size: clamp(1.75rem, 2.2vw, 2rem);







    font-weight: 900;







    line-height: 1.2;







    letter-spacing: -.035em;







}







.bloques-expresiones-detail-layout .detail-copy > .detail-description {







    order: 3;







    margin: 0 0 10px;







    color: #596678;







    font-size: .88rem;







    font-weight: 400;







    line-height: 1.58;







}







.bloques-expresiones-detail-layout .detail-copy > .detail-features {







    order: 4;







    width: 100%;







    margin: 6px 0 14px;







}







.bloques-expresiones-detail-layout .detail-features h2 {







    margin: 0 0 9px;







    font-size: .88rem;







    font-weight: 800;







}







.bloques-expresiones-detail-layout .detail-features ul {







    display: grid;







    grid-template-columns: minmax(0, 1fr);







    gap: 8px;







    margin: 0;







    padding: 0;







    list-style: none;







}







.bloques-expresiones-detail-layout .detail-features li {







    display: flex;







    align-items: center;







    gap: 9px;







    min-width: 0;







    margin: 0;







    padding: 11px 12px;







    border: 1px solid #e9e3d9;







    border-radius: 12px;







    background: #fff;







    color: #354357;







    font-size: .78rem;







    font-weight: 700;







    line-height: 1.4;







    list-style: none;







}







.bloques-expresiones-detail-layout .detail-features li::before {







    content: "🧩";







    flex: 0 0 auto;







    font-size: 1rem;







}







.bloques-expresiones-buy-panel {







    order: 5;







    width: 100%;







    margin: 0 0 8px;







}







.bloques-expresiones-quantity-line {







    display: flex;







    align-items: center;







    justify-content: space-between;







    gap: 12px;







    margin: 0 0 10px;







}







.bloques-expresiones-quantity-line label {







    color: #26364f;







    font-size: .80rem;







    font-weight: 700;







}







.bloques-expresiones-stepper {







    display: inline-flex;







    align-items: center;







    justify-content: center;







    gap: 12px;







    min-height: 38px;







    padding: 4px 8px;







    border: 1px solid #d7dfeb;







    border-radius: 10px;







    background: #fff;







}







.bloques-expresiones-stepper button {







    display: inline-grid;







    width: 28px;







    height: 28px;







    place-items: center;







    border: 0;







    border-radius: 7px;







    background: #f0f4fa;







    color: #162b45;







    font-size: 1.1rem;







    font-weight: 800;







    cursor: pointer;







}







.bloques-expresiones-stepper output {







    min-width: 16px;







    color: #162b45;







    text-align: center;







    font-size: .85rem;







    font-weight: 800;







}







.bloques-expresiones-purchase-buttons {







    display: grid;







    grid-template-columns: minmax(0, 1.02fr) minmax(0, .98fr);







    gap: 8px;







    width: 100%;







}







.bloques-expresiones-purchase-buttons button {







    width: 100%;







    min-width: 0;







    min-height: 44px;







    padding: 9px 10px;







    border-radius: 999px;







    font: inherit;







    font-size: .76rem;







    font-weight: 800;







    line-height: 1.3;







    cursor: pointer;







}







.bloques-expresiones-add-button {







    border: 1px solid #162b45;







    background: #162b45;







    color: #fff;







}







.bloques-expresiones-favorite-button {







    border: 1px solid #c7d2e0;







    background: #fff;







    color: #162b45;







}







.bloques-expresiones-favorite-button.is-favorite {







    border-color: #d99aa5;







    background: #fff4f5;







    color: #9e3045;







}







.bloques-expresiones-message {







    min-height: 1.3em;







    margin: 8px 0 0;







    color: #526174;







    font-size: .75rem;







    line-height: 1.4;







}







@media (max-width: 900px) {







    .detail-layout.bloques-expresiones-detail-layout {







        grid-template-columns: minmax(0, 1fr);







        gap: 18px;







        padding: 16px;







    }







}







@media (max-width: 520px) {







    .detail-layout.bloques-expresiones-detail-layout {







        padding: 12px;







        gap: 14px;







    }







    .bloques-expresiones-purchase-buttons {







        grid-template-columns: minmax(0, 1fr);







    }







}























/* DANGOGIFTS PESCA APRENDE UNIFORMIDAD V1 */







.product-detail-page:has(.pesca-aprende-detail-layout) {







    padding-top: 10px;







}







.product-detail-page:has(.pesca-aprende-detail-layout) .breadcrumbs {







    margin-bottom: 8px;







}







.detail-layout.pesca-aprende-detail-layout {







    grid-template-columns: minmax(0, 1.02fr) minmax(0, .98fr);







    align-items: start;







    gap: 22px;







    padding: 18px;







    border-radius: 18px;







}







.pesca-aprende-detail-layout .pesca-aprende-gallery-v1 {







    min-width: 0;







    width: 100%;







}







.pesca-aprende-detail-layout .detail-copy {







    display: flex;







    min-width: 0;







    flex-direction: column;







    align-items: stretch;







    padding: 2px 0;







}







.pesca-aprende-detail-layout .detail-copy > .eyebrow {







    order: 0;







    margin-bottom: 8px;







    font-size: .70rem;







    font-weight: 800;







    line-height: 1.4;







    letter-spacing: .15em;







    text-transform: uppercase;







}







.pesca-aprende-detail-layout .detail-copy > h1 {







    order: 1;







    margin: 6px 0 0;







    font-size: clamp(1.55rem, 2.2vw, 2rem);







    font-weight: 800;







    line-height: 1.13;







    letter-spacing: -.025em;







}







.pesca-aprende-detail-layout .detail-copy > .detail-price {







    order: 2;







    margin: 10px 0;







    font-size: clamp(1.75rem, 2.2vw, 2rem);







    font-weight: 900;







    line-height: 1.2;







    letter-spacing: -.035em;







}







.pesca-aprende-detail-layout .detail-copy > .detail-description {







    order: 3;







    margin: 0 0 10px;







    color: #596678;







    font-size: .88rem;







    font-weight: 400;







    line-height: 1.58;







}







.pesca-aprende-detail-layout .detail-copy > .detail-features {







    order: 4;







    width: 100%;







    margin: 6px 0 14px;







}







.pesca-aprende-detail-layout .detail-features h2 {







    margin: 0 0 9px;







    font-size: .88rem;







    font-weight: 800;







}







.pesca-aprende-detail-layout .detail-features ul {







    display: grid;







    grid-template-columns: minmax(0, 1fr);







    gap: 8px;







    margin: 0;







    padding: 0;







    list-style: none;







}







.pesca-aprende-detail-layout .detail-features li {







    display: flex;







    align-items: center;







    gap: 9px;







    min-width: 0;







    margin: 0;







    padding: 11px 12px;







    border: 1px solid #e9e3d9;







    border-radius: 12px;







    background: #fff;







    color: #354357;







    font-size: .78rem;







    font-weight: 700;







    line-height: 1.4;







    list-style: none;







}







.pesca-aprende-detail-layout .detail-features li::before {







    content: "🎣";







    flex: 0 0 auto;







    font-size: 1rem;







}







.pesca-aprende-buy-panel {







    order: 5;







    width: 100%;







    margin: 0 0 8px;







}







.pesca-aprende-quantity-line {







    display: flex;







    align-items: center;







    justify-content: space-between;







    gap: 12px;







    margin: 0 0 10px;







}







.pesca-aprende-quantity-line label {







    color: #26364f;







    font-size: .80rem;







    font-weight: 700;







}







.pesca-aprende-stepper {







    display: inline-flex;







    align-items: center;







    justify-content: center;







    gap: 12px;







    min-height: 38px;







    padding: 4px 8px;







    border: 1px solid #d7dfeb;







    border-radius: 10px;







    background: #fff;







}







.pesca-aprende-stepper button {







    display: inline-grid;







    width: 28px;







    height: 28px;







    place-items: center;







    border: 0;







    border-radius: 7px;







    background: #f0f4fa;







    color: #162b45;







    font-size: 1.1rem;







    font-weight: 800;







    cursor: pointer;







}







.pesca-aprende-stepper output {







    min-width: 16px;







    color: #162b45;







    text-align: center;







    font-size: .85rem;







    font-weight: 800;







}







.pesca-aprende-purchase-buttons {







    display: grid;







    grid-template-columns: minmax(0, 1.02fr) minmax(0, .98fr);







    gap: 8px;







    width: 100%;







}







.pesca-aprende-purchase-buttons button {







    width: 100%;







    min-width: 0;







    min-height: 44px;







    padding: 9px 10px;







    border-radius: 999px;







    font: inherit;







    font-size: .76rem;







    font-weight: 800;







    line-height: 1.3;







    cursor: pointer;







}







.pesca-aprende-add-button {







    border: 1px solid #162b45;







    background: #162b45;







    color: #fff;







}







.pesca-aprende-favorite-button {







    border: 1px solid #c7d2e0;







    background: #fff;







    color: #162b45;







}







.pesca-aprende-favorite-button.is-favorite {







    border-color: #d99aa5;







    background: #fff4f5;







    color: #9e3045;







}







.pesca-aprende-message {







    min-height: 1.3em;







    margin: 8px 0 0;







    color: #526174;







    font-size: .75rem;







    line-height: 1.4;







}







@media (max-width: 900px) {







    .detail-layout.pesca-aprende-detail-layout {







        grid-template-columns: minmax(0, 1fr);







        gap: 18px;







        padding: 16px;







    }







}







@media (max-width: 520px) {







    .detail-layout.pesca-aprende-detail-layout {







        padding: 12px;







        gap: 14px;







    }







    .pesca-aprende-purchase-buttons {







        grid-template-columns: minmax(0, 1fr);







    }







}























/* DANGOGIFTS BLOQUES MAGNETICOS UNIFORMIDAD V1 */







.product-detail-page:has(.bloques-magneticos-detail-layout) {







    padding-top: 10px;







}







.product-detail-page:has(.bloques-magneticos-detail-layout) .breadcrumbs {







    margin-bottom: 8px;







}







.detail-layout.bloques-magneticos-detail-layout {







    grid-template-columns: minmax(0, 1.02fr) minmax(0, .98fr);







    align-items: start;







    gap: 22px;







    padding: 18px;







    border-radius: 18px;







}







.bloques-magneticos-detail-layout .bloques-magneticos-gallery-v1 {







    min-width: 0;







    width: 100%;







}







.bloques-magneticos-detail-layout .detail-copy {







    display: flex;







    min-width: 0;







    flex-direction: column;







    align-items: stretch;







    padding: 2px 0;







}







.bloques-magneticos-detail-layout .detail-copy > .eyebrow {







    order: 0;







    margin-bottom: 8px;







    font-size: .70rem;







    font-weight: 800;







    line-height: 1.4;







    letter-spacing: .15em;







    text-transform: uppercase;







}







.bloques-magneticos-detail-layout .detail-copy > h1 {







    order: 1;







    margin: 6px 0 0;







    font-size: clamp(1.55rem, 2.2vw, 2rem);







    font-weight: 800;







    line-height: 1.13;







    letter-spacing: -.025em;







}







.bloques-magneticos-detail-layout .detail-copy > .detail-price {







    order: 2;







    margin: 10px 0;







    font-size: clamp(1.75rem, 2.2vw, 2rem);







    font-weight: 900;







    line-height: 1.2;







    letter-spacing: -.035em;







}







.bloques-magneticos-detail-layout .detail-copy > .detail-description {







    order: 3;







    margin: 0 0 10px;







    color: #596678;







    font-size: .88rem;







    font-weight: 400;







    line-height: 1.58;







}







.bloques-magneticos-detail-layout .detail-copy > .detail-features {







    order: 4;







    width: 100%;







    margin: 6px 0 14px;







}







.bloques-magneticos-detail-layout .detail-features h2 {







    margin: 0 0 9px;







    font-size: .88rem;







    font-weight: 800;







}







.bloques-magneticos-detail-layout .detail-features ul {







    display: grid;







    grid-template-columns: minmax(0, 1fr);







    gap: 8px;







    margin: 0;







    padding: 0;







    list-style: none;







}







.bloques-magneticos-detail-layout .detail-features li {







    display: flex;







    align-items: center;







    gap: 9px;







    min-width: 0;







    margin: 0;







    padding: 11px 12px;







    border: 1px solid #e9e3d9;







    border-radius: 12px;







    background: #fff;







    color: #354357;







    font-size: .78rem;







    font-weight: 700;







    line-height: 1.4;







    list-style: none;







}







.bloques-magneticos-detail-layout .detail-features li::before {







    content: "🧲";







    flex: 0 0 auto;







    font-size: 1rem;







}







.bloques-magneticos-buy-panel {







    order: 5;







    width: 100%;







    margin: 0 0 8px;







}







.bloques-magneticos-quantity-line {







    display: flex;







    align-items: center;







    justify-content: space-between;







    gap: 12px;







    margin: 0 0 10px;







}







.bloques-magneticos-quantity-line label {







    color: #26364f;







    font-size: .80rem;







    font-weight: 700;







}







.bloques-magneticos-stepper {







    display: inline-flex;







    align-items: center;







    justify-content: center;







    gap: 12px;







    min-height: 38px;







    padding: 4px 8px;







    border: 1px solid #d7dfeb;







    border-radius: 10px;







    background: #fff;







}







.bloques-magneticos-stepper button {







    display: inline-grid;







    width: 28px;







    height: 28px;







    place-items: center;







    border: 0;







    border-radius: 7px;







    background: #f0f4fa;







    color: #162b45;







    font-size: 1.1rem;







    font-weight: 800;







    cursor: pointer;







}







.bloques-magneticos-stepper output {







    min-width: 16px;







    color: #162b45;







    text-align: center;







    font-size: .85rem;







    font-weight: 800;







}







.bloques-magneticos-purchase-buttons {







    display: grid;







    grid-template-columns: minmax(0, 1.02fr) minmax(0, .98fr);







    gap: 8px;







    width: 100%;







}







.bloques-magneticos-purchase-buttons button {







    width: 100%;







    min-width: 0;







    min-height: 44px;







    padding: 9px 10px;







    border-radius: 999px;







    font: inherit;







    font-size: .76rem;







    font-weight: 800;







    line-height: 1.3;







    cursor: pointer;







}







.bloques-magneticos-add-button {







    border: 1px solid #162b45;







    background: #162b45;







    color: #fff;







}







.bloques-magneticos-favorite-button {







    border: 1px solid #c7d2e0;







    background: #fff;







    color: #162b45;







}







.bloques-magneticos-favorite-button.is-favorite {







    border-color: #d99aa5;







    background: #fff4f5;







    color: #9e3045;







}







.bloques-magneticos-message {







    min-height: 1.3em;







    margin: 8px 0 0;







    color: #526174;







    font-size: .75rem;







    line-height: 1.4;







}







@media (max-width: 900px) {







    .detail-layout.bloques-magneticos-detail-layout {







        grid-template-columns: minmax(0, 1fr);







        gap: 18px;







        padding: 16px;







    }







}







@media (max-width: 520px) {







    .detail-layout.bloques-magneticos-detail-layout {







        padding: 12px;







        gap: 14px;







    }







    .bloques-magneticos-purchase-buttons {







        grid-template-columns: minmax(0, 1fr);







    }







}























/* DANGOGIFTS CARS MAGNETICOS ANIMALES UNIFORMIDAD V1 */







.product-detail-page:has(.cars-magneticos-animales-detail-layout) {







    padding-top: 10px;







}







.product-detail-page:has(.cars-magneticos-animales-detail-layout) .breadcrumbs {







    margin-bottom: 8px;







}







.detail-layout.cars-magneticos-animales-detail-layout {







    grid-template-columns: minmax(0, 1.02fr) minmax(0, .98fr);







    align-items: start;







    gap: 22px;







    padding: 18px;







    border-radius: 18px;







}







.cars-magneticos-animales-detail-layout .detail-image {







    display: grid;







    min-width: 0;







    min-height: 340px;







    padding: 14px;







    place-items: center;







    border: 1px solid #eadfd2;







    border-radius: 16px;







    background: #faf8f4;







    overflow: hidden;







}







.cars-magneticos-animales-detail-layout .detail-image img {







    display: block;







    width: 100%;







    max-width: 100%;







    max-height: 440px;







    height: auto;







    object-fit: contain;







    object-position: center;







}







.cars-magneticos-animales-detail-layout .detail-copy {







    display: flex;







    min-width: 0;







    flex-direction: column;







    align-items: stretch;







    padding: 2px 0;







}







.cars-magneticos-animales-detail-layout .detail-copy > .eyebrow {







    order: 0;







    margin-bottom: 8px;







    font-size: .70rem;







    font-weight: 800;







    line-height: 1.4;







    letter-spacing: .15em;







    text-transform: uppercase;







}







.cars-magneticos-animales-detail-layout .detail-copy > h1 {







    order: 1;







    margin: 6px 0 0;







    font-size: clamp(1.55rem, 2.2vw, 2rem);







    font-weight: 800;







    line-height: 1.13;







    letter-spacing: -.025em;







}







.cars-magneticos-animales-detail-layout .detail-copy > .detail-price {







    order: 2;







    margin: 10px 0;







    font-size: clamp(1.75rem, 2.2vw, 2rem);







    font-weight: 900;







    line-height: 1.2;







    letter-spacing: -.035em;







}







.cars-magneticos-animales-detail-layout .detail-copy > .detail-description {







    order: 3;







    margin: 0 0 10px;







    color: #596678;







    font-size: .88rem;







    font-weight: 400;







    line-height: 1.58;







}







.cars-magneticos-animales-detail-layout .detail-copy > .detail-features {







    order: 4;







    width: 100%;







    margin: 6px 0 14px;







}







.cars-magneticos-animales-detail-layout .detail-features h2 {







    margin: 0 0 9px;







    font-size: .88rem;







    font-weight: 800;







}







.cars-magneticos-animales-detail-layout .detail-features ul {







    display: grid;







    grid-template-columns: minmax(0, 1fr);







    gap: 8px;







    margin: 0;







    padding: 0;







    list-style: none;







}







.cars-magneticos-animales-detail-layout .detail-features li {







    display: flex;







    align-items: center;







    gap: 9px;







    min-width: 0;







    margin: 0;







    padding: 11px 12px;







    border: 1px solid #e9e3d9;







    border-radius: 12px;







    background: #fff;







    color: #354357;







    font-size: .78rem;







    font-weight: 700;







    line-height: 1.4;







    list-style: none;







}







.cars-magneticos-animales-detail-layout .detail-features li::before {







    content: "🚗";







    flex: 0 0 auto;







    font-size: 1rem;







}







.cars-magneticos-animales-buy-panel {







    order: 5;







    width: 100%;







    margin: 0 0 8px;







}







.cars-magneticos-animales-quantity-line {







    display: flex;







    align-items: center;







    justify-content: space-between;







    gap: 12px;







    margin: 0 0 10px;







}







.cars-magneticos-animales-quantity-line label {







    color: #26364f;







    font-size: .80rem;







    font-weight: 700;







}







.cars-magneticos-animales-stepper {







    display: inline-flex;







    align-items: center;







    justify-content: center;







    gap: 12px;







    min-height: 38px;







    padding: 4px 8px;







    border: 1px solid #d7dfeb;







    border-radius: 10px;







    background: #fff;







}







.cars-magneticos-animales-stepper button {







    display: inline-grid;







    width: 28px;







    height: 28px;







    place-items: center;







    border: 0;







    border-radius: 7px;







    background: #f0f4fa;







    color: #162b45;







    font-size: 1.1rem;







    font-weight: 800;







    cursor: pointer;







}







.cars-magneticos-animales-stepper output {







    min-width: 16px;







    color: #162b45;







    text-align: center;







    font-size: .85rem;







    font-weight: 800;







}







.cars-magneticos-animales-purchase-buttons {







    display: grid;







    grid-template-columns: minmax(0, 1.02fr) minmax(0, .98fr);







    gap: 8px;







    width: 100%;







}







.cars-magneticos-animales-purchase-buttons button {







    width: 100%;







    min-width: 0;







    min-height: 44px;







    padding: 9px 10px;







    border-radius: 999px;







    font: inherit;







    font-size: .76rem;







    font-weight: 800;







    line-height: 1.3;







    cursor: pointer;







}







.cars-magneticos-animales-add-button {







    border: 1px solid #162b45;







    background: #162b45;







    color: #fff;







}







.cars-magneticos-animales-favorite-button {







    border: 1px solid #c7d2e0;







    background: #fff;







    color: #162b45;







}







.cars-magneticos-animales-favorite-button.is-favorite {







    border-color: #d99aa5;







    background: #fff4f5;







    color: #9e3045;







}







.cars-magneticos-animales-message {







    min-height: 1.3em;







    margin: 8px 0 0;







    color: #526174;







    font-size: .75rem;







    line-height: 1.4;







}







@media (max-width: 900px) {







    .detail-layout.cars-magneticos-animales-detail-layout {







        grid-template-columns: minmax(0, 1fr);







        gap: 18px;







        padding: 16px;







    }







}







@media (max-width: 520px) {







    .detail-layout.cars-magneticos-animales-detail-layout {







        padding: 12px;







        gap: 14px;







    }







    .cars-magneticos-animales-purchase-buttons {







        grid-template-columns: minmax(0, 1fr);







    }







    .cars-magneticos-animales-detail-layout .detail-image {







        min-height: 220px;







        padding: 10px;







    }







}























/* DANGOGIFTS SET MUNECAS UNIFORMIDAD V1 */







.product-detail-page:has(.set-munecas-detail-layout) {







    padding-top: 10px;







}







.product-detail-page:has(.set-munecas-detail-layout) .breadcrumbs {







    margin-bottom: 8px;







}







.detail-layout.set-munecas-detail-layout {







    grid-template-columns: minmax(0, 1.02fr) minmax(0, .98fr);







    align-items: start;







    gap: 22px;







    padding: 18px;







    border-radius: 18px;







}







.set-munecas-detail-layout .detail-image {







    min-width: 0;







    overflow: hidden;







    border-radius: 16px;







    background: #faf8f4;







}







.set-munecas-detail-layout .detail-image img {







    display: block;







    width: 100%;







    max-width: 100%;







    max-height: 460px;







    height: auto;







    object-fit: contain;







    object-position: center;







}







.set-munecas-detail-layout .detail-copy {







    display: flex;







    min-width: 0;







    flex-direction: column;







    align-items: stretch;







    padding: 2px 0;







}







.set-munecas-detail-layout .detail-copy > .eyebrow {







    order: 0;







    margin-bottom: 8px;







    font-size: .70rem;







    font-weight: 800;







    line-height: 1.4;







    letter-spacing: .15em;







    text-transform: uppercase;







}







.set-munecas-detail-layout .detail-copy > h1 {







    order: 1;







    margin: 6px 0 0;







    font-size: clamp(1.55rem, 2.2vw, 2rem);







    font-weight: 800;







    line-height: 1.13;







    letter-spacing: -.025em;







}







.set-munecas-detail-layout .detail-copy > .detail-price {







    order: 2;







    margin: 10px 0;







    font-size: clamp(1.75rem, 2.2vw, 2rem);







    font-weight: 900;







    line-height: 1.2;







    letter-spacing: -.035em;







}







.set-munecas-detail-layout .detail-copy > .detail-description {







    order: 3;







    margin: 0 0 10px;







    color: #596678;







    font-size: .88rem;







    font-weight: 400;







    line-height: 1.58;







}







.set-munecas-detail-layout .detail-copy > .detail-features {







    order: 4;







    width: 100%;







    margin: 6px 0 14px;







}







.set-munecas-detail-layout .detail-features h2 {







    margin: 0 0 9px;







    font-size: .88rem;







    font-weight: 800;







}







.set-munecas-detail-layout .detail-features ul {







    display: grid;







    grid-template-columns: minmax(0, 1fr);







    gap: 8px;







    margin: 0;







    padding: 0;







    list-style: none;







}







.set-munecas-detail-layout .detail-features li {







    display: flex;







    align-items: center;







    gap: 9px;







    min-width: 0;







    margin: 0;







    padding: 11px 12px;







    border: 1px solid #e9e3d9;







    border-radius: 12px;







    background: #fff;







    color: #354357;







    font-size: .78rem;







    font-weight: 700;







    line-height: 1.4;







    list-style: none;







}







.set-munecas-detail-layout .detail-features li::before {







    content: "🧸";







    flex: 0 0 auto;







    font-size: 1rem;







}







.set-munecas-detail-layout .set-munecas-purchase-buttons {







    order: 5;







    display: grid;







    grid-template-columns: minmax(0, 1.02fr) minmax(0, .98fr);







    align-items: stretch;







    gap: 8px;







    width: 100%;







    margin: 4px 0 8px;







}







.set-munecas-detail-layout .set-munecas-purchase-buttons button {







    width: 100%;







    min-width: 0;







    min-height: 44px;







    padding: 9px 10px;







    border-radius: 999px;







    font-size: .76rem;







    font-weight: 800;







    line-height: 1.3;







}







.set-munecas-detail-layout .set-munecas-purchase-buttons .chess-add-button {







    border: 1px solid #162b45;







    background: #162b45;







    color: #fff;







}







.set-munecas-detail-layout .set-munecas-purchase-buttons .chess-favorite-button {







    border: 1px solid #c7d2e0;







    background: #fff;







    color: #162b45;







}







.set-munecas-detail-layout .set-munecas-purchase-buttons .chess-favorite-button.is-favorite {







    border-color: #d99aa5;







    background: #fff4f5;







    color: #9e3045;







}







.set-munecas-detail-layout .chess-action-message {







    order: 6;







    min-height: 1.3em;







    margin: 4px 0 0;







    font-size: .75rem;







    line-height: 1.4;







}







.set-munecas-detail-layout .detail-actions {







    display: none !important;







}







@media (max-width: 900px) {







    .detail-layout.set-munecas-detail-layout {







        grid-template-columns: minmax(0, 1fr);







        gap: 18px;







        padding: 16px;







    }







}







@media (max-width: 520px) {







    .detail-layout.set-munecas-detail-layout {







        padding: 12px;







        gap: 14px;







    }







    .set-munecas-detail-layout .set-munecas-purchase-buttons {







        grid-template-columns: minmax(0, 1fr);







    }







    .set-munecas-detail-layout .detail-image img {







        max-height: 340px;







    }







}























/* DANGOGIFTS PISTOLA HIDROGEL GRAFFITI LIMPIEZA V1 */







/* Nombre, descripción y medidas ya aparecen en la ficha principal. */







.product-detail-page .graffiti-description-panel {







    display: none !important;







}







/* Priorizar los controles de compra y favoritos. */







.graffiti-detail-layout .detail-actions {







    display: none !important;







}























/* DANGOGIFTS BLASTER FASHION ACTION LIMPIEZA V1 */







/* Nombre y detalles del bláster ya están en la ficha principal. */







.product-detail-page:has(.blaster-fashion-action-detail-layout) .blaster-description-panel {







    display: none !important;







}







/* Los enlaces secundarios se retiran solo de Bláster Fashion Action. */







.blaster-fashion-action-detail-layout .detail-actions {







    display: none !important;







}























/* DANGOGIFTS MOTO LANZADORA TROMPOS UNIFORMIDAD V1 */







.product-detail-page:has(.moto-gallery-v2) {







    padding-top: 10px;







}







.product-detail-page:has(.moto-gallery-v2) .breadcrumbs {







    margin-bottom: 8px;







}







.detail-layout.moto-lanzadora-trompos-detail-layout {







    grid-template-columns: minmax(0, 1.02fr) minmax(0, .98fr);







    align-items: start;







    gap: 22px;







    padding: 18px;







    border-radius: 18px;







}







.moto-lanzadora-trompos-detail-layout .moto-gallery-v2 {







    min-width: 0;







    width: 100%;







}







.moto-lanzadora-trompos-detail-layout .detail-copy {







    display: flex;







    min-width: 0;







    flex-direction: column;







    align-items: stretch;







    padding: 2px 0;







}







.moto-lanzadora-trompos-detail-layout .detail-copy > .eyebrow {







    order: 0;







    margin-bottom: 8px;







    font-size: .70rem;







    font-weight: 800;







    line-height: 1.4;







    letter-spacing: .15em;







    text-transform: uppercase;







}







.moto-lanzadora-trompos-detail-layout .detail-copy > h1 {







    order: 1;







    margin: 6px 0 0;







    font-size: clamp(1.55rem, 2.2vw, 2rem);







    font-weight: 800;







    line-height: 1.13;







    letter-spacing: -.025em;







}







.moto-lanzadora-trompos-detail-layout .detail-copy > .detail-price {







    order: 2;







    margin: 10px 0;







    font-size: clamp(1.75rem, 2.2vw, 2rem);







    font-weight: 900;







    line-height: 1.2;







    letter-spacing: -.035em;







}







.moto-lanzadora-trompos-detail-layout .detail-copy > .detail-description {







    order: 3;







    margin: 0 0 10px;







    color: #596678;







    font-size: .88rem;







    font-weight: 400;







    line-height: 1.58;







}







.moto-lanzadora-trompos-detail-layout .detail-copy > .detail-features {







    order: 4;







    width: 100%;







    margin: 6px 0 14px;







}







.moto-lanzadora-trompos-detail-layout .detail-features h2 {







    margin: 0 0 9px;







    font-size: .88rem;







    font-weight: 800;







}







.moto-lanzadora-trompos-detail-layout .detail-features ul {







    display: grid;







    grid-template-columns: minmax(0, 1fr);







    gap: 8px;







    margin: 0;







    padding: 0;







    list-style: none;







}







.moto-lanzadora-trompos-detail-layout .detail-features li {







    display: flex;







    align-items: center;







    gap: 9px;







    min-width: 0;







    margin: 0;







    padding: 11px 12px;







    border: 1px solid #e9e3d9;







    border-radius: 12px;







    background: #fff;







    color: #354357;







    font-size: .78rem;







    font-weight: 700;







    line-height: 1.4;







    list-style: none;







}







.moto-lanzadora-trompos-detail-layout .detail-features li::before {







    content: "🏍️";







    flex: 0 0 auto;







    font-size: 1rem;







}







.moto-lanzadora-trompos-buy-panel {







    order: 5;







    width: 100%;







    margin: 0 0 8px;







}







.moto-lanzadora-trompos-quantity-line {







    display: flex;







    align-items: center;







    justify-content: space-between;







    gap: 12px;







    margin: 0 0 10px;







}







.moto-lanzadora-trompos-quantity-line label {







    color: #26364f;







    font-size: .80rem;







    font-weight: 700;







}







.moto-lanzadora-trompos-stepper {







    display: inline-flex;







    align-items: center;







    justify-content: center;







    gap: 12px;







    min-height: 38px;







    padding: 4px 8px;







    border: 1px solid #d7dfeb;







    border-radius: 10px;







    background: #fff;







}







.moto-lanzadora-trompos-stepper button {







    display: inline-grid;







    width: 28px;







    height: 28px;







    place-items: center;







    border: 0;







    border-radius: 7px;







    background: #f0f4fa;







    color: #162b45;







    font-size: 1.1rem;







    font-weight: 800;







    cursor: pointer;







}







.moto-lanzadora-trompos-stepper output {







    min-width: 16px;







    color: #162b45;







    text-align: center;







    font-size: .85rem;







    font-weight: 800;







}







.moto-lanzadora-trompos-purchase-buttons {







    display: grid;







    grid-template-columns: minmax(0, 1.02fr) minmax(0, .98fr);







    gap: 8px;







    width: 100%;







}







.moto-lanzadora-trompos-purchase-buttons button {







    width: 100%;







    min-width: 0;







    min-height: 44px;







    padding: 9px 10px;







    border-radius: 999px;







    font: inherit;







    font-size: .76rem;







    font-weight: 800;







    line-height: 1.3;







    cursor: pointer;







}







.moto-lanzadora-trompos-add-button {







    border: 1px solid #162b45;







    background: #162b45;







    color: #fff;







}







.moto-lanzadora-trompos-favorite-button {







    border: 1px solid #c7d2e0;







    background: #fff;







    color: #162b45;







}







.moto-lanzadora-trompos-favorite-button.is-favorite {







    border-color: #d99aa5;







    background: #fff4f5;







    color: #9e3045;







}







.moto-lanzadora-trompos-message {







    min-height: 1.3em;







    margin: 8px 0 0;







    color: #526174;







    font-size: .75rem;







    line-height: 1.4;







}







@media (max-width: 900px) {







    .detail-layout.moto-lanzadora-trompos-detail-layout {







        grid-template-columns: minmax(0, 1fr);







        gap: 18px;







        padding: 16px;







    }







}







@media (max-width: 520px) {







    .detail-layout.moto-lanzadora-trompos-detail-layout {







        padding: 12px;







        gap: 14px;







    }







    .moto-lanzadora-trompos-purchase-buttons {







        grid-template-columns: minmax(0, 1fr);







    }







}























/* DANGOGIFTS HELICOPTERO FIGHTER COMBAT UNIFORMIDAD V1 */







.product-detail-page:has(.helicoptero-fighter-combat-detail-layout) {







    padding-top: 10px;







}







.product-detail-page:has(.helicoptero-fighter-combat-detail-layout) .breadcrumbs {







    margin-bottom: 8px;







}







.detail-layout.helicoptero-fighter-combat-detail-layout {







    grid-template-columns: minmax(0, 1.02fr) minmax(0, .98fr);







    align-items: start;







    gap: 22px;







    padding: 18px;







    border-radius: 18px;







}







.helicoptero-fighter-combat-detail-layout .helicoptero-combat-gallery-v1 {







    display: grid;







    grid-template-columns: 66px minmax(0, 1fr);







    align-items: start;







    gap: 12px;







    min-width: 0;







    width: 100%;







}







.helicoptero-fighter-combat-detail-layout .helicoptero-combat-thumbs {







    display: flex;







    flex-direction: column;







    gap: 8px;







    min-width: 0;







}







.helicoptero-fighter-combat-detail-layout .helicoptero-combat-thumb {







    display: flex;







    flex-direction: column;







    align-items: center;







    justify-content: center;







    gap: 5px;







    width: 100%;







    min-width: 0;







    padding: 7px 5px;







    border: 1px solid #dbe2eb;







    border-radius: 12px;







    background: #fff;







    color: #24364e;







    font-size: .68rem;







    font-weight: 700;







    line-height: 1.25;







    text-align: center;







    cursor: pointer;







}







.helicoptero-fighter-combat-detail-layout .helicoptero-combat-thumb img {







    display: block;







    width: 100%;







    max-height: 62px;







    object-fit: contain;







}







.helicoptero-fighter-combat-detail-layout .helicoptero-combat-thumb.is-current {







    border-color: #8daedb;







    box-shadow: 0 0 0 1px #8daedb;







}







.helicoptero-fighter-combat-detail-layout .helicoptero-combat-main-media {







    min-width: 0;







    width: 100%;







}







.helicoptero-fighter-combat-detail-layout .detail-image {







    display: grid;







    min-width: 0;







    min-height: 320px;







    padding: 12px;







    place-items: center;







    overflow: hidden;







    border: 1px solid #eee3d6;







    border-radius: 16px;







    background: #faf8f4;







}







.helicoptero-fighter-combat-detail-layout .detail-image img {







    display: block;







    width: 100%;







    max-width: 100%;







    max-height: 450px;







    height: auto;







    object-fit: contain;







    object-position: center;







}







.helicoptero-fighter-combat-detail-layout video {







    width: 100%;







    max-height: 450px;







    border-radius: 12px;







    object-fit: contain;







}







.helicoptero-fighter-combat-detail-layout .detail-copy {







    display: flex;







    min-width: 0;







    flex-direction: column;







    align-items: stretch;







    padding: 2px 0;







}







.helicoptero-fighter-combat-detail-layout .detail-copy > .eyebrow {







    order: 0;







    margin-bottom: 8px;







    font-size: .70rem;







    font-weight: 800;







    line-height: 1.4;







    letter-spacing: .15em;







    text-transform: uppercase;







}







.helicoptero-fighter-combat-detail-layout .detail-copy > h1 {







    order: 1;







    margin: 6px 0 0;







    font-size: clamp(1.55rem, 2.2vw, 2rem);







    font-weight: 800;







    line-height: 1.13;







    letter-spacing: -.025em;







}







.helicoptero-fighter-combat-detail-layout .detail-copy > .detail-price {







    order: 2;







    margin: 10px 0;







    font-size: clamp(1.75rem, 2.2vw, 2rem);







    font-weight: 900;







    line-height: 1.2;







    letter-spacing: -.035em;







}







.helicoptero-fighter-combat-detail-layout .detail-copy > .detail-description {







    order: 3;







    margin: 0 0 10px;







    color: #596678;







    font-size: .88rem;







    font-weight: 400;







    line-height: 1.58;







}







.helicoptero-fighter-combat-detail-layout .detail-copy > .detail-features {







    order: 4;







    width: 100%;







    margin: 6px 0 14px;







}







.helicoptero-fighter-combat-detail-layout .detail-features h2 {







    margin: 0 0 9px;







    font-size: .88rem;







    font-weight: 800;







}







.helicoptero-fighter-combat-detail-layout .detail-features ul {







    display: grid;







    grid-template-columns: minmax(0, 1fr);







    gap: 8px;







    margin: 0;







    padding: 0;







    list-style: none;







}







.helicoptero-fighter-combat-detail-layout .detail-features li {







    display: flex;







    align-items: center;







    gap: 9px;







    min-width: 0;







    margin: 0;







    padding: 11px 12px;







    border: 1px solid #e9e3d9;







    border-radius: 12px;







    background: #fff;







    color: #354357;







    font-size: .78rem;







    font-weight: 700;







    line-height: 1.4;







    list-style: none;







}







.helicoptero-fighter-combat-detail-layout .detail-features li::before {







    content: "🚁";







    flex: 0 0 auto;







    font-size: 1rem;







}







.helicoptero-fighter-buy-panel {







    order: 5;







    width: 100%;







    margin: 0 0 8px;







}







.helicoptero-fighter-quantity-line {







    display: flex;







    align-items: center;







    justify-content: space-between;







    gap: 12px;







    margin: 0 0 10px;







}







.helicoptero-fighter-quantity-line label {







    color: #26364f;







    font-size: .80rem;







    font-weight: 700;







}







.helicoptero-fighter-stepper {







    display: inline-flex;







    align-items: center;







    justify-content: center;







    gap: 12px;







    min-height: 38px;







    padding: 4px 8px;







    border: 1px solid #d7dfeb;







    border-radius: 10px;







    background: #fff;







}







.helicoptero-fighter-stepper button {







    display: inline-grid;







    width: 28px;







    height: 28px;







    place-items: center;







    border: 0;







    border-radius: 7px;







    background: #f0f4fa;







    color: #162b45;







    font-size: 1.1rem;







    font-weight: 800;







    cursor: pointer;







}







.helicoptero-fighter-stepper output {







    min-width: 16px;







    color: #162b45;







    text-align: center;







    font-size: .85rem;







    font-weight: 800;







}







.helicoptero-fighter-purchase-buttons {







    display: grid;







    grid-template-columns: minmax(0, 1.02fr) minmax(0, .98fr);







    gap: 8px;







    width: 100%;







}







.helicoptero-fighter-purchase-buttons button {







    width: 100%;







    min-width: 0;







    min-height: 44px;







    padding: 9px 10px;







    border-radius: 999px;







    font: inherit;







    font-size: .76rem;







    font-weight: 800;







    line-height: 1.3;







    cursor: pointer;







}







.helicoptero-fighter-add-button {







    border: 1px solid #162b45;







    background: #162b45;







    color: #fff;







}







.helicoptero-fighter-favorite-button {







    border: 1px solid #c7d2e0;







    background: #fff;







    color: #162b45;







}







.helicoptero-fighter-favorite-button.is-favorite {







    border-color: #d99aa5;







    background: #fff4f5;







    color: #9e3045;







}







.helicoptero-fighter-message {







    min-height: 1.3em;







    margin: 8px 0 0;







    color: #526174;







    font-size: .75rem;







    line-height: 1.4;







}







@media (max-width: 900px) {







    .detail-layout.helicoptero-fighter-combat-detail-layout {







        grid-template-columns: minmax(0, 1fr);







        gap: 18px;







        padding: 16px;







    }







}







@media (max-width: 560px) {







    .detail-layout.helicoptero-fighter-combat-detail-layout {







        padding: 12px;







        gap: 14px;







    }







    .helicoptero-fighter-combat-detail-layout .helicoptero-combat-gallery-v1 {







        grid-template-columns: minmax(0, 1fr);







    }







    .helicoptero-fighter-combat-detail-layout .helicoptero-combat-thumbs {







        flex-direction: row;







        flex-wrap: wrap;







    }







    .helicoptero-fighter-combat-detail-layout .helicoptero-combat-thumb {







        flex: 1 1 85px;







    }







    .helicoptero-fighter-combat-detail-layout .detail-image {







        min-height: 220px;







        padding: 10px;







    }







    .helicoptero-fighter-purchase-buttons {







        grid-template-columns: minmax(0, 1fr);







    }







}























/* DANGOGIFTS SPACE SCENE GAME UNIFORMIDAD V1 */







.product-detail-page:has(.space-scene-detail-layout) {







    padding-top: 10px;







}







.product-detail-page:has(.space-scene-detail-layout) .breadcrumbs {







    margin-bottom: 8px;







}







.detail-layout.space-scene-detail-layout {







    grid-template-columns: minmax(0, 1.02fr) minmax(0, .98fr);







    align-items: start;







    gap: 22px;







    padding: 18px;







    border-radius: 18px;







}







.space-scene-detail-layout .space-scene-gallery-v1 {







    display: grid;







    grid-template-columns: 66px minmax(0, 1fr);







    align-items: start;







    gap: 12px;







    min-width: 0;







    width: 100%;







}







.space-scene-detail-layout .space-scene-thumbs {







    display: flex;







    flex-direction: column;







    gap: 8px;







    min-width: 0;







}







.space-scene-detail-layout .space-scene-thumb {







    display: flex;







    flex-direction: column;







    align-items: center;







    justify-content: center;







    gap: 5px;







    width: 100%;







    min-width: 0;







    padding: 7px 5px;







    border: 1px solid #dbe2eb;







    border-radius: 12px;







    background: #fff;







    color: #24364e;







    font-size: .68rem;







    font-weight: 700;







    line-height: 1.25;







    text-align: center;







    cursor: pointer;







}







.space-scene-detail-layout .space-scene-thumb img {







    display: block;







    width: 100%;







    max-height: 62px;







    object-fit: contain;







}







.space-scene-detail-layout .space-scene-thumb.is-current {







    border-color: #8daedb;







    box-shadow: 0 0 0 1px #8daedb;







}







.space-scene-detail-layout .space-scene-main-media {







    min-width: 0;







    width: 100%;







}







.space-scene-detail-layout .space-scene-main-image {







    display: grid;







    min-width: 0;







    min-height: 320px;







    padding: 12px;







    place-items: center;







    overflow: hidden;







    border: 1px solid #eee3d6;







    border-radius: 16px;







    background: #faf8f4;







}







.space-scene-detail-layout .space-scene-main-image img {







    display: block;







    width: 100%;







    max-width: 100%;







    max-height: 450px;







    height: auto;







    object-fit: contain;







    object-position: center;







}







.space-scene-detail-layout .detail-copy {







    display: flex;







    min-width: 0;







    flex-direction: column;







    align-items: stretch;







    padding: 2px 0;







}







.space-scene-detail-layout .detail-copy > .eyebrow {







    order: 0;







    margin-bottom: 8px;







    font-size: .70rem;







    font-weight: 800;







    line-height: 1.4;







    letter-spacing: .15em;







    text-transform: uppercase;







}







.space-scene-detail-layout .detail-copy > h1 {







    order: 1;







    margin: 6px 0 0;







    font-size: clamp(1.55rem, 2.2vw, 2rem);







    font-weight: 800;







    line-height: 1.13;







    letter-spacing: -.025em;







}







.space-scene-detail-layout .detail-copy > .detail-price {







    order: 2;







    margin: 10px 0;







    font-size: clamp(1.75rem, 2.2vw, 2rem);







    font-weight: 900;







    line-height: 1.2;







    letter-spacing: -.035em;







}







.space-scene-detail-layout .detail-copy > .detail-description {







    order: 3;







    margin: 0 0 10px;







    color: #596678;







    font-size: .88rem;







    font-weight: 400;







    line-height: 1.58;







}







.space-scene-detail-layout .detail-copy > .detail-features {







    order: 4;







    width: 100%;







    margin: 6px 0 14px;







}







.space-scene-detail-layout .detail-features h2 {







    margin: 0 0 9px;







    font-size: .88rem;







    font-weight: 800;







}







.space-scene-detail-layout .detail-features ul {







    display: grid;







    grid-template-columns: minmax(0, 1fr);







    gap: 8px;







    margin: 0;







    padding: 0;







    list-style: none;







}







.space-scene-detail-layout .detail-features li {







    display: flex;







    align-items: center;







    gap: 9px;







    min-width: 0;







    margin: 0;







    padding: 11px 12px;







    border: 1px solid #e9e3d9;







    border-radius: 12px;







    background: #fff;







    color: #354357;







    font-size: .78rem;







    font-weight: 700;







    line-height: 1.4;







    list-style: none;







}







.space-scene-detail-layout .detail-features li::before {







    content: "🚀";







    flex: 0 0 auto;







    font-size: 1rem;







}







.space-scene-buy-panel {







    order: 5;







    width: 100%;







    margin: 0 0 8px;







}







.space-scene-quantity-line {







    display: flex;







    align-items: center;







    justify-content: space-between;







    gap: 12px;







    margin: 0 0 10px;







}







.space-scene-quantity-line label {







    color: #26364f;







    font-size: .80rem;







    font-weight: 700;







}







.space-scene-stepper {







    display: inline-flex;







    align-items: center;







    justify-content: center;







    gap: 12px;







    min-height: 38px;







    padding: 4px 8px;







    border: 1px solid #d7dfeb;







    border-radius: 10px;







    background: #fff;







}







.space-scene-stepper button {







    display: inline-grid;







    width: 28px;







    height: 28px;







    place-items: center;







    border: 0;







    border-radius: 7px;







    background: #f0f4fa;







    color: #162b45;







    font-size: 1.1rem;







    font-weight: 800;







    cursor: pointer;







}







.space-scene-stepper output {







    min-width: 16px;







    color: #162b45;







    text-align: center;







    font-size: .85rem;







    font-weight: 800;







}







.space-scene-purchase-buttons {







    display: grid;







    grid-template-columns: minmax(0, 1.02fr) minmax(0, .98fr);







    gap: 8px;







    width: 100%;







}







.space-scene-purchase-buttons button {







    width: 100%;







    min-width: 0;







    min-height: 44px;







    padding: 9px 10px;







    border-radius: 999px;







    font: inherit;







    font-size: .76rem;







    font-weight: 800;







    line-height: 1.3;







    cursor: pointer;







}







.space-scene-add-button {







    border: 1px solid #162b45;







    background: #162b45;







    color: #fff;







}







.space-scene-favorite-button {







    border: 1px solid #c7d2e0;







    background: #fff;







    color: #162b45;







}







.space-scene-favorite-button.is-favorite {







    border-color: #d99aa5;







    background: #fff4f5;







    color: #9e3045;







}







.space-scene-action-message {







    min-height: 1.3em;







    margin: 8px 0 0;







    color: #526174;







    font-size: .75rem;







    line-height: 1.4;







}







@media (max-width: 900px) {







    .detail-layout.space-scene-detail-layout {







        grid-template-columns: minmax(0, 1fr);







        gap: 18px;







        padding: 16px;







    }







}







@media (max-width: 560px) {







    .detail-layout.space-scene-detail-layout {







        padding: 12px;







        gap: 14px;







    }







    .space-scene-detail-layout .space-scene-gallery-v1 {







        grid-template-columns: minmax(0, 1fr);







    }







    .space-scene-detail-layout .space-scene-thumbs {







        flex-direction: row;







        flex-wrap: wrap;







    }







    .space-scene-detail-layout .space-scene-thumb {







        flex: 1 1 85px;







    }







    .space-scene-detail-layout .space-scene-main-image {







        min-height: 220px;







        padding: 10px;







    }







    .space-scene-purchase-buttons {







        grid-template-columns: minmax(0, 1fr);







    }







}























/* DANGOGIFTS CRASH RACING UNIFORMIDAD V1 */







.product-detail-page:has(.crash-racing-detail-layout) {







    padding-top: 10px;







}







.product-detail-page:has(.crash-racing-detail-layout) .breadcrumbs {







    margin-bottom: 8px;







}







.detail-layout.crash-racing-detail-layout {







    grid-template-columns: minmax(0, 1.02fr) minmax(0, .98fr);







    align-items: start;







    gap: 22px;







    padding: 18px;







    border-radius: 18px;







}







.crash-racing-detail-layout .crash-racing-gallery-v1 {







    min-width: 0;







    width: 100%;







}







.crash-racing-detail-layout .detail-copy {







    display: flex;







    min-width: 0;







    flex-direction: column;







    align-items: stretch;







    padding: 2px 0;







}







.crash-racing-detail-layout .detail-copy > .eyebrow {







    order: 0;







    margin-bottom: 8px;







    font-size: .70rem;







    font-weight: 800;







    line-height: 1.4;







    letter-spacing: .15em;







    text-transform: uppercase;







}







.crash-racing-detail-layout .detail-copy > h1 {







    order: 1;







    margin: 6px 0 0;







    font-size: clamp(1.55rem, 2.2vw, 2rem);







    font-weight: 800;







    line-height: 1.13;







    letter-spacing: -.025em;







}







.crash-racing-detail-layout .detail-copy > .detail-price {







    order: 2;







    margin: 10px 0;







    font-size: clamp(1.75rem, 2.2vw, 2rem);







    font-weight: 900;







    line-height: 1.2;







    letter-spacing: -.035em;







}







.crash-racing-detail-layout .detail-copy > .detail-description {







    order: 3;







    margin: 0 0 10px;







    color: #596678;







    font-size: .88rem;







    font-weight: 400;







    line-height: 1.58;







}







.crash-racing-detail-layout .detail-copy > .detail-features {







    order: 4;







    width: 100%;







    margin: 6px 0 14px;







}







.crash-racing-detail-layout .detail-features h2 {







    margin: 0 0 9px;







    font-size: .88rem;







    font-weight: 800;







}







.crash-racing-detail-layout .detail-features ul {







    display: grid;







    grid-template-columns: minmax(0, 1fr);







    gap: 8px;







    margin: 0;







    padding: 0;







    list-style: none;







}







.crash-racing-detail-layout .detail-features li {







    display: flex;







    align-items: center;







    gap: 9px;







    min-width: 0;







    margin: 0;







    padding: 11px 12px;







    border: 1px solid #e9e3d9;







    border-radius: 12px;







    background: #fff;







    color: #354357;







    font-size: .78rem;







    font-weight: 700;







    line-height: 1.4;







    list-style: none;







}







.crash-racing-detail-layout .detail-features li::before {







    content: "🏎️";







    flex: 0 0 auto;







    font-size: 1rem;







}







.crash-racing-buy-panel {







    order: 5;







    width: 100%;







    margin: 0 0 8px;







}







.crash-racing-quantity-line {







    display: flex;







    align-items: center;







    justify-content: space-between;







    gap: 12px;







    margin: 0 0 10px;







}







.crash-racing-quantity-line label {







    color: #26364f;







    font-size: .80rem;







    font-weight: 700;







}







.crash-racing-stepper {







    display: inline-flex;







    align-items: center;







    justify-content: center;







    gap: 12px;







    min-height: 38px;







    padding: 4px 8px;







    border: 1px solid #d7dfeb;







    border-radius: 10px;







    background: #fff;







}







.crash-racing-stepper button {







    display: inline-grid;







    width: 28px;







    height: 28px;







    place-items: center;







    border: 0;







    border-radius: 7px;







    background: #f0f4fa;







    color: #162b45;







    font-size: 1.1rem;







    font-weight: 800;







    cursor: pointer;







}







.crash-racing-stepper output {







    min-width: 16px;







    color: #162b45;







    text-align: center;







    font-size: .85rem;







    font-weight: 800;







}







.crash-racing-purchase-buttons {







    display: grid;







    grid-template-columns: minmax(0, 1.02fr) minmax(0, .98fr);







    gap: 8px;







    width: 100%;







}







.crash-racing-purchase-buttons button {







    width: 100%;







    min-width: 0;







    min-height: 44px;







    padding: 9px 10px;







    border-radius: 999px;







    font: inherit;







    font-size: .76rem;







    font-weight: 800;







    line-height: 1.3;







    cursor: pointer;







}







.crash-racing-add-button {







    border: 1px solid #162b45;







    background: #162b45;







    color: #fff;







}







.crash-racing-favorite-button {







    border: 1px solid #c7d2e0;







    background: #fff;







    color: #162b45;







}







.crash-racing-favorite-button.is-favorite {







    border-color: #d99aa5;







    background: #fff4f5;







    color: #9e3045;







}







.crash-racing-action-message {







    min-height: 1.3em;







    margin: 8px 0 0;







    color: #526174;







    font-size: .75rem;







    line-height: 1.4;







}







.crash-racing-detail-layout .detail-actions {







    display: none !important;







}







@media (max-width: 900px) {







    .detail-layout.crash-racing-detail-layout {







        grid-template-columns: minmax(0, 1fr);







        gap: 18px;







        padding: 16px;







    }







}







@media (max-width: 520px) {







    .detail-layout.crash-racing-detail-layout {







        padding: 12px;







        gap: 14px;







    }







    .crash-racing-purchase-buttons {







        grid-template-columns: minmax(0, 1fr);







    }







}























/* DANGOGIFTS DIE CAST METAL UNIFORMIDAD V1 */







.product-detail-page:has(.die-cast-metal-detail-layout) {







    padding-top: 10px;







}







.product-detail-page:has(.die-cast-metal-detail-layout) .breadcrumbs {







    margin-bottom: 8px;







}







.detail-layout.die-cast-metal-detail-layout {







    grid-template-columns: minmax(0, 1.02fr) minmax(0, .98fr);







    align-items: start;







    gap: 22px;







    padding: 18px;







    border-radius: 18px;







}







.die-cast-metal-detail-layout .die-cast-gallery-v1 {







    display: grid;







    grid-template-columns: 66px minmax(0, 1fr);







    align-items: start;







    gap: 12px;







    min-width: 0;







    width: 100%;







}







.die-cast-metal-detail-layout .die-cast-thumbs {







    display: flex;







    flex-direction: column;







    gap: 8px;







    min-width: 0;







}







.die-cast-metal-detail-layout .die-cast-thumb {







    display: flex;







    flex-direction: column;







    align-items: center;







    justify-content: center;







    gap: 5px;







    width: 100%;







    min-width: 0;







    padding: 7px 5px;







    border: 1px solid #dbe2eb;







    border-radius: 12px;







    background: #fff;







    color: #24364e;







    font-size: .68rem;







    font-weight: 700;







    line-height: 1.25;







    text-align: center;







    cursor: pointer;







}







.die-cast-metal-detail-layout .die-cast-thumb img {







    display: block;







    width: 100%;







    max-height: 62px;







    object-fit: contain;







}







.die-cast-metal-detail-layout .die-cast-thumb.is-current {







    border-color: #8daedb;







    box-shadow: 0 0 0 1px #8daedb;







}







.die-cast-metal-detail-layout .die-cast-main-media {







    min-width: 0;







    width: 100%;







}







.die-cast-metal-detail-layout .die-cast-main-frame {







    display: grid;







    min-width: 0;







    min-height: 320px;







    padding: 12px;







    place-items: center;







    overflow: hidden;







    border: 1px solid #eee3d6;







    border-radius: 16px;







    background: #faf8f4;







}







.die-cast-metal-detail-layout .die-cast-main-frame img {







    display: block;







    width: 100%;







    max-width: 100%;







    max-height: 450px;







    height: auto;







    object-fit: contain;







    object-position: center;







}







.die-cast-metal-detail-layout .detail-copy {







    display: flex;







    min-width: 0;







    flex-direction: column;







    align-items: stretch;







    padding: 2px 0;







}







.die-cast-metal-detail-layout .detail-copy > .eyebrow {







    order: 0;







    margin-bottom: 8px;







    font-size: .70rem;







    font-weight: 800;







    line-height: 1.4;







    letter-spacing: .15em;







    text-transform: uppercase;







}







.die-cast-metal-detail-layout .detail-copy > h1 {







    order: 1;







    margin: 6px 0 0;







    font-size: clamp(1.55rem, 2.2vw, 2rem);







    font-weight: 800;







    line-height: 1.13;







    letter-spacing: -.025em;







}







.die-cast-metal-detail-layout .detail-copy > .detail-price {







    order: 2;







    margin: 10px 0;







    font-size: clamp(1.75rem, 2.2vw, 2rem);







    font-weight: 900;







    line-height: 1.2;







    letter-spacing: -.035em;







}







.die-cast-metal-detail-layout .detail-copy > .detail-description {







    order: 3;







    margin: 0 0 10px;







    color: #596678;







    font-size: .88rem;







    font-weight: 400;







    line-height: 1.58;







}







.die-cast-metal-detail-layout .detail-copy > .detail-features {







    order: 4;







    width: 100%;







    margin: 6px 0 14px;







}







.die-cast-metal-detail-layout .detail-features h2 {







    margin: 0 0 9px;







    font-size: .88rem;







    font-weight: 800;







}







.die-cast-metal-detail-layout .detail-features ul {







    display: grid;







    grid-template-columns: minmax(0, 1fr);







    gap: 8px;







    margin: 0;







    padding: 0;







    list-style: none;







}







.die-cast-metal-detail-layout .detail-features li {







    display: flex;







    align-items: center;







    gap: 9px;







    min-width: 0;







    margin: 0;







    padding: 11px 12px;







    border: 1px solid #e9e3d9;







    border-radius: 12px;







    background: #fff;







    color: #354357;







    font-size: .78rem;







    font-weight: 700;







    line-height: 1.4;







    list-style: none;







}







.die-cast-metal-detail-layout .detail-features li::before {







    content: "🚑";







    flex: 0 0 auto;







    font-size: 1rem;







}







.die-cast-buy-panel {







    order: 5;







    width: 100%;







    margin: 0 0 8px;







}







.die-cast-quantity-line {







    display: flex;







    align-items: center;







    justify-content: space-between;







    gap: 12px;







    margin: 0 0 10px;







}







.die-cast-quantity-line label {







    color: #26364f;







    font-size: .80rem;







    font-weight: 700;







}







.die-cast-stepper {







    display: inline-flex;







    align-items: center;







    justify-content: center;







    gap: 12px;







    min-height: 38px;







    padding: 4px 8px;







    border: 1px solid #d7dfeb;







    border-radius: 10px;







    background: #fff;







}







.die-cast-stepper button {







    display: inline-grid;







    width: 28px;







    height: 28px;







    place-items: center;







    border: 0;







    border-radius: 7px;







    background: #f0f4fa;







    color: #162b45;







    font-size: 1.1rem;







    font-weight: 800;







    cursor: pointer;







}







.die-cast-stepper output {







    min-width: 16px;







    color: #162b45;







    text-align: center;







    font-size: .85rem;







    font-weight: 800;







}







.die-cast-purchase-buttons {







    display: grid;







    grid-template-columns: minmax(0, 1.02fr) minmax(0, .98fr);







    gap: 8px;







    width: 100%;







}







.die-cast-purchase-buttons button {







    width: 100%;







    min-width: 0;







    min-height: 44px;







    padding: 9px 10px;







    border-radius: 999px;







    font: inherit;







    font-size: .76rem;







    font-weight: 800;







    line-height: 1.3;







    cursor: pointer;







}







.die-cast-add-button {







    border: 1px solid #162b45;







    background: #162b45;







    color: #fff;







}







.die-cast-favorite-button {







    border: 1px solid #c7d2e0;







    background: #fff;







    color: #162b45;







}







.die-cast-favorite-button.is-favorite {







    border-color: #d99aa5;







    background: #fff4f5;







    color: #9e3045;







}







.die-cast-action-message {







    min-height: 1.3em;







    margin: 8px 0 0;







    color: #526174;







    font-size: .75rem;







    line-height: 1.4;







}







.die-cast-metal-detail-layout .detail-actions {







    display: none !important;







}







@media (max-width: 900px) {







    .detail-layout.die-cast-metal-detail-layout {







        grid-template-columns: minmax(0, 1fr);







        gap: 18px;







        padding: 16px;







    }







}







@media (max-width: 560px) {







    .detail-layout.die-cast-metal-detail-layout {







        padding: 12px;







        gap: 14px;







    }







    .die-cast-metal-detail-layout .die-cast-gallery-v1 {







        grid-template-columns: minmax(0, 1fr);







    }







    .die-cast-metal-detail-layout .die-cast-thumbs {







        flex-direction: row;







        flex-wrap: wrap;







    }







    .die-cast-metal-detail-layout .die-cast-thumb {







        flex: 1 1 85px;







    }







    .die-cast-metal-detail-layout .die-cast-main-frame {







        min-height: 220px;







        padding: 10px;







    }







    .die-cast-purchase-buttons {







        grid-template-columns: minmax(0, 1fr);







    }







}























/* DANGOGIFTS MINI MODEL UNIFORMIDAD V1 */







.product-detail-page:has(.mini-model-detail-layout) {







    padding-top: 10px;







}







.product-detail-page:has(.mini-model-detail-layout) .breadcrumbs {







    margin-bottom: 8px;







}







.detail-layout.mini-model-detail-layout {







    grid-template-columns: minmax(0, 1.02fr) minmax(0, .98fr);







    align-items: start;







    gap: 22px;







    padding: 18px;







    border-radius: 18px;







}







.mini-model-detail-layout .mini-model-gallery-v1 {







    display: grid;







    grid-template-columns: 66px minmax(0, 1fr);







    align-items: start;







    gap: 12px;







    min-width: 0;







    width: 100%;







}







.mini-model-detail-layout .mini-model-thumbs {







    display: flex;







    flex-direction: column;







    gap: 8px;







    min-width: 0;







}







.mini-model-detail-layout .mini-model-thumb {







    display: flex;







    flex-direction: column;







    align-items: center;







    justify-content: center;







    gap: 5px;







    width: 100%;







    min-width: 0;







    padding: 7px 5px;







    border: 1px solid #dbe2eb;







    border-radius: 12px;







    background: #fff;







    color: #24364e;







    font-size: .68rem;







    font-weight: 700;







    line-height: 1.25;







    text-align: center;







    cursor: pointer;







}







.mini-model-detail-layout .mini-model-thumb img {







    display: block;







    width: 100%;







    max-height: 62px;







    object-fit: contain;







}







.mini-model-detail-layout .mini-model-thumb.is-current {







    border-color: #8daedb;







    box-shadow: 0 0 0 1px #8daedb;







}







.mini-model-detail-layout .mini-model-main-media {







    min-width: 0;







    width: 100%;







}







.mini-model-detail-layout .mini-model-main-frame {







    display: grid;







    min-width: 0;







    min-height: 320px;







    padding: 12px;







    place-items: center;







    overflow: hidden;







    border: 1px solid #eee3d6;







    border-radius: 16px;







    background: #faf8f4;







}







.mini-model-detail-layout .mini-model-main-frame img {







    display: block;







    width: 100%;







    max-width: 100%;







    max-height: 450px;







    height: auto;







    object-fit: contain;







    object-position: center;







}







.mini-model-detail-layout .detail-copy {







    display: flex;







    min-width: 0;







    flex-direction: column;







    align-items: stretch;







    padding: 2px 0;







}







.mini-model-detail-layout .detail-copy > .eyebrow {







    order: 0;







    margin-bottom: 8px;







    font-size: .70rem;







    font-weight: 800;







    line-height: 1.4;







    letter-spacing: .15em;







    text-transform: uppercase;







}







.mini-model-detail-layout .detail-copy > h1 {







    order: 1;







    margin: 6px 0 0;







    font-size: clamp(1.55rem, 2.2vw, 2rem);







    font-weight: 800;







    line-height: 1.13;







    letter-spacing: -.025em;







}







.mini-model-detail-layout .detail-copy > .detail-price {







    order: 2;







    margin: 10px 0;







    font-size: clamp(1.75rem, 2.2vw, 2rem);







    font-weight: 900;







    line-height: 1.2;







    letter-spacing: -.035em;







}







.mini-model-detail-layout .detail-copy > .detail-description {







    order: 3;







    margin: 0 0 10px;







    color: #596678;







    font-size: .88rem;







    font-weight: 400;







    line-height: 1.58;







}







.mini-model-detail-layout .detail-copy > .detail-features {







    order: 4;







    width: 100%;







    margin: 6px 0 14px;







}







.mini-model-detail-layout .detail-features h2 {







    margin: 0 0 9px;







    font-size: .88rem;







    font-weight: 800;







}







.mini-model-detail-layout .detail-features ul {







    display: grid;







    grid-template-columns: minmax(0, 1fr);







    gap: 8px;







    margin: 0;







    padding: 0;







    list-style: none;







}







.mini-model-detail-layout .detail-features li {







    display: flex;







    align-items: center;







    gap: 9px;







    min-width: 0;







    margin: 0;







    padding: 11px 12px;







    border: 1px solid #e9e3d9;







    border-radius: 12px;







    background: #fff;







    color: #354357;







    font-size: .78rem;







    font-weight: 700;







    line-height: 1.4;







    list-style: none;







}







.mini-model-detail-layout .detail-features li::before {







    content: "🚗";







    flex: 0 0 auto;







    font-size: 1rem;







}







.mini-model-buy-panel {







    order: 5;







    width: 100%;







    margin: 0 0 8px;







}







.mini-model-quantity-line {







    display: flex;







    align-items: center;







    justify-content: space-between;







    gap: 12px;







    margin: 0 0 10px;







}







.mini-model-quantity-line label {







    color: #26364f;







    font-size: .80rem;







    font-weight: 700;







}







.mini-model-stepper {







    display: inline-flex;







    align-items: center;







    justify-content: center;







    gap: 12px;







    min-height: 38px;







    padding: 4px 8px;







    border: 1px solid #d7dfeb;







    border-radius: 10px;







    background: #fff;







}







.mini-model-stepper button {







    display: inline-grid;







    width: 28px;







    height: 28px;







    place-items: center;







    border: 0;







    border-radius: 7px;







    background: #f0f4fa;







    color: #162b45;







    font-size: 1.1rem;







    font-weight: 800;







    cursor: pointer;







}







.mini-model-stepper output {







    min-width: 16px;







    color: #162b45;







    text-align: center;







    font-size: .85rem;







    font-weight: 800;







}







.mini-model-purchase-buttons {







    display: grid;







    grid-template-columns: minmax(0, 1.02fr) minmax(0, .98fr);







    gap: 8px;







    width: 100%;







}







.mini-model-purchase-buttons button {







    width: 100%;







    min-width: 0;







    min-height: 44px;







    padding: 9px 10px;







    border-radius: 999px;







    font: inherit;







    font-size: .76rem;







    font-weight: 800;







    line-height: 1.3;







    cursor: pointer;







}







.mini-model-add-button {







    border: 1px solid #162b45;







    background: #162b45;







    color: #fff;







}







.mini-model-favorite-button {







    border: 1px solid #c7d2e0;







    background: #fff;







    color: #162b45;







}







.mini-model-favorite-button.is-favorite {







    border-color: #d99aa5;







    background: #fff4f5;







    color: #9e3045;







}







.mini-model-action-message {







    min-height: 1.3em;







    margin: 8px 0 0;







    color: #526174;







    font-size: .75rem;







    line-height: 1.4;







}







.mini-model-detail-layout .detail-actions {







    display: none !important;







}







@media (max-width: 900px) {







    .detail-layout.mini-model-detail-layout {







        grid-template-columns: minmax(0, 1fr);







        gap: 18px;







        padding: 16px;







    }







}







@media (max-width: 560px) {







    .detail-layout.mini-model-detail-layout {







        padding: 12px;







        gap: 14px;







    }







    .mini-model-detail-layout .mini-model-gallery-v1 {







        grid-template-columns: minmax(0, 1fr);







    }







    .mini-model-detail-layout .mini-model-thumbs {







        flex-direction: row;







        flex-wrap: wrap;







    }







    .mini-model-detail-layout .mini-model-thumb {







        flex: 1 1 85px;







    }







    .mini-model-detail-layout .mini-model-main-frame {







        min-height: 220px;







        padding: 10px;







    }







    .mini-model-purchase-buttons {







        grid-template-columns: minmax(0, 1fr);







    }







}















/* DANGOGIFTS ROBOTS SUITES FICHA PERSONALIZADA V1 */







/* DANGOGIFTS MINI MODEL UNIFORMIDAD V1 */







.product-detail-page:has(.robots-suites-detail-layout) {







    padding-top: 10px;







}







.product-detail-page:has(.robots-suites-detail-layout) .breadcrumbs {







    margin-bottom: 8px;







}







.detail-layout.robots-suites-detail-layout {







    grid-template-columns: minmax(0, 1.02fr) minmax(0, .98fr);







    align-items: start;







    gap: 22px;







    padding: 18px;







    border-radius: 18px;







}







.robots-suites-detail-layout .robots-suites-gallery-v1 {







    display: grid;







    grid-template-columns: 66px minmax(0, 1fr);







    align-items: start;







    gap: 12px;







    min-width: 0;







    width: 100%;







}







.robots-suites-detail-layout .robots-suites-thumbs {







    display: flex;







    flex-direction: column;







    gap: 8px;







    min-width: 0;







}







.robots-suites-detail-layout .robots-suites-thumb {







    display: flex;







    flex-direction: column;







    align-items: center;







    justify-content: center;







    gap: 5px;







    width: 100%;







    min-width: 0;







    padding: 7px 5px;







    border: 1px solid #dbe2eb;







    border-radius: 12px;







    background: #fff;







    color: #24364e;







    font-size: .68rem;







    font-weight: 700;







    line-height: 1.25;







    text-align: center;







    cursor: pointer;







}







.robots-suites-detail-layout .robots-suites-thumb img {







    display: block;







    width: 100%;







    max-height: 62px;







    object-fit: contain;







}







.robots-suites-detail-layout .robots-suites-thumb.is-current {







    border-color: #8daedb;







    box-shadow: 0 0 0 1px #8daedb;







}







.robots-suites-detail-layout .robots-suites-main-media {







    min-width: 0;







    width: 100%;







}







.robots-suites-detail-layout .robots-suites-main-frame {







    display: grid;







    min-width: 0;







    min-height: 320px;







    padding: 12px;







    place-items: center;







    overflow: hidden;







    border: 1px solid #eee3d6;







    border-radius: 16px;







    background: #faf8f4;







}







.robots-suites-detail-layout .robots-suites-main-frame img {







    display: block;







    width: 100%;







    max-width: 100%;







    max-height: 450px;







    height: auto;







    object-fit: contain;







    object-position: center;







}







.robots-suites-detail-layout .detail-copy {







    display: flex;







    min-width: 0;







    flex-direction: column;







    align-items: stretch;







    padding: 2px 0;







}







.robots-suites-detail-layout .detail-copy > .eyebrow {







    order: 0;







    margin-bottom: 8px;







    font-size: .70rem;







    font-weight: 800;







    line-height: 1.4;







    letter-spacing: .15em;







    text-transform: uppercase;







}







.robots-suites-detail-layout .detail-copy > h1 {







    order: 1;







    margin: 6px 0 0;







    font-size: clamp(1.55rem, 2.2vw, 2rem);







    font-weight: 800;







    line-height: 1.13;







    letter-spacing: -.025em;







}







.robots-suites-detail-layout .detail-copy > .detail-price {







    order: 2;







    margin: 10px 0;







    font-size: clamp(1.75rem, 2.2vw, 2rem);







    font-weight: 900;







    line-height: 1.2;







    letter-spacing: -.035em;







}







.robots-suites-detail-layout .detail-copy > .detail-description {







    order: 3;







    margin: 0 0 10px;







    color: #596678;







    font-size: .88rem;







    font-weight: 400;







    line-height: 1.58;







}







.robots-suites-detail-layout .detail-copy > .detail-features {







    order: 4;







    width: 100%;







    margin: 6px 0 14px;







}







.robots-suites-detail-layout .detail-features h2 {







    margin: 0 0 9px;







    font-size: .88rem;







    font-weight: 800;







}







.robots-suites-detail-layout .detail-features ul {







    display: grid;







    grid-template-columns: minmax(0, 1fr);







    gap: 8px;







    margin: 0;







    padding: 0;







    list-style: none;







}







.robots-suites-detail-layout .detail-features li {







    display: flex;







    align-items: center;







    gap: 9px;







    min-width: 0;







    margin: 0;







    padding: 11px 12px;







    border: 1px solid #e9e3d9;







    border-radius: 12px;







    background: #fff;







    color: #354357;







    font-size: .78rem;







    font-weight: 700;







    line-height: 1.4;







    list-style: none;







}







.robots-suites-detail-layout .detail-features li::before {







    content: "🚗";







    flex: 0 0 auto;







    font-size: 1rem;







}







.robots-suites-buy-panel {







    order: 5;







    width: 100%;







    margin: 0 0 8px;







}







.robots-suites-quantity-line {







    display: flex;







    align-items: center;







    justify-content: space-between;







    gap: 12px;







    margin: 0 0 10px;







}







.robots-suites-quantity-line label {







    color: #26364f;







    font-size: .80rem;







    font-weight: 700;







}







.robots-suites-stepper {







    display: inline-flex;







    align-items: center;







    justify-content: center;







    gap: 12px;







    min-height: 38px;







    padding: 4px 8px;







    border: 1px solid #d7dfeb;







    border-radius: 10px;







    background: #fff;







}







.robots-suites-stepper button {







    display: inline-grid;







    width: 28px;







    height: 28px;







    place-items: center;







    border: 0;







    border-radius: 7px;







    background: #f0f4fa;







    color: #162b45;







    font-size: 1.1rem;







    font-weight: 800;







    cursor: pointer;







}







.robots-suites-stepper output {







    min-width: 16px;







    color: #162b45;







    text-align: center;







    font-size: .85rem;







    font-weight: 800;







}







.robots-suites-purchase-buttons {







    display: grid;







    grid-template-columns: minmax(0, 1.02fr) minmax(0, .98fr);







    gap: 8px;







    width: 100%;







}







.robots-suites-purchase-buttons button {







    width: 100%;







    min-width: 0;







    min-height: 44px;







    padding: 9px 10px;







    border-radius: 999px;







    font: inherit;







    font-size: .76rem;







    font-weight: 800;







    line-height: 1.3;







    cursor: pointer;







}







.robots-suites-add-button {







    border: 1px solid #162b45;







    background: #162b45;







    color: #fff;







}







.robots-suites-favorite-button {







    border: 1px solid #c7d2e0;







    background: #fff;







    color: #162b45;







}







.robots-suites-favorite-button.is-favorite {







    border-color: #d99aa5;







    background: #fff4f5;







    color: #9e3045;







}







.robots-suites-action-message {







    min-height: 1.3em;







    margin: 8px 0 0;







    color: #526174;







    font-size: .75rem;







    line-height: 1.4;







}







.robots-suites-detail-layout .detail-actions {







    display: none !important;







}







@media (max-width: 900px) {







    .detail-layout.robots-suites-detail-layout {







        grid-template-columns: minmax(0, 1fr);







        gap: 18px;







        padding: 16px;







    }







}







@media (max-width: 560px) {







    .detail-layout.robots-suites-detail-layout {







        padding: 12px;







        gap: 14px;







    }







    .robots-suites-detail-layout .robots-suites-gallery-v1 {







        grid-template-columns: minmax(0, 1fr);







    }







    .robots-suites-detail-layout .robots-suites-thumbs {







        flex-direction: row;







        flex-wrap: wrap;







    }







    .robots-suites-detail-layout .robots-suites-thumb {







        flex: 1 1 85px;







    }







    .robots-suites-detail-layout .robots-suites-main-frame {







        min-height: 220px;







        padding: 10px;







    }







    .robots-suites-purchase-buttons {







        grid-template-columns: minmax(0, 1fr);







    }







}















/* Ajustes multimedia exclusivos de Robots Suites */







.robots-suites-detail-layout .robots-suites-main-frame video {







    display: block;







    width: 100%;







    max-width: 100%;







    max-height: 450px;







    height: auto;







    object-fit: contain;







    object-position: center;







    border-radius: 10px;







    background: #172033;







}







.robots-suites-detail-layout .robots-suites-video-thumb {







    display: grid;







    place-items: center;







    width: 100%;







    min-height: 42px;







    aspect-ratio: 4 / 3;







    border-radius: 8px;







    background: #e8eef6;







    color: #17304d;







    font-size: 1.35rem;







    font-weight: 800;







}







.robots-suites-detail-layout .robots-suites-video-thumb-button {







    align-self: stretch;







}







@media (max-width: 560px) {







    .robots-suites-detail-layout .robots-suites-main-frame video {







        max-height: 340px;







    }







}















/* DANGOGIFTS DESSERT HANDBAG FICHA PERSONALIZADA V1 */







/* DANGOGIFTS ROBOTS SUITES FICHA PERSONALIZADA V1 */







/* DANGOGIFTS MINI MODEL UNIFORMIDAD V1 */







.product-detail-page:has(.dessert-handbag-detail-layout) {







    padding-top: 10px;







}







.product-detail-page:has(.dessert-handbag-detail-layout) .breadcrumbs {







    margin-bottom: 8px;







}







.detail-layout.dessert-handbag-detail-layout {







    grid-template-columns: minmax(0, 1.02fr) minmax(0, .98fr);







    align-items: start;







    gap: 22px;







    padding: 18px;







    border-radius: 18px;







}







.dessert-handbag-detail-layout .dessert-handbag-gallery-v1 {







    display: grid;







    grid-template-columns: 66px minmax(0, 1fr);







    align-items: start;







    gap: 12px;







    min-width: 0;







    width: 100%;







}







.dessert-handbag-detail-layout .dessert-handbag-thumbs {







    display: flex;







    flex-direction: column;







    gap: 8px;







    min-width: 0;







}







.dessert-handbag-detail-layout .dessert-handbag-thumb {







    display: flex;







    flex-direction: column;







    align-items: center;







    justify-content: center;







    gap: 5px;







    width: 100%;







    min-width: 0;







    padding: 7px 5px;







    border: 1px solid #dbe2eb;







    border-radius: 12px;







    background: #fff;







    color: #24364e;







    font-size: .68rem;







    font-weight: 700;







    line-height: 1.25;







    text-align: center;







    cursor: pointer;







}







.dessert-handbag-detail-layout .dessert-handbag-thumb img {







    display: block;







    width: 100%;







    max-height: 62px;







    object-fit: contain;







}







.dessert-handbag-detail-layout .dessert-handbag-thumb.is-current {







    border-color: #8daedb;







    box-shadow: 0 0 0 1px #8daedb;







}







.dessert-handbag-detail-layout .dessert-handbag-main-media {







    min-width: 0;







    width: 100%;







}







.dessert-handbag-detail-layout .dessert-handbag-main-frame {







    display: grid;







    min-width: 0;







    min-height: 320px;







    padding: 12px;







    place-items: center;







    overflow: hidden;







    border: 1px solid #eee3d6;







    border-radius: 16px;







    background: #faf8f4;







}







.dessert-handbag-detail-layout .dessert-handbag-main-frame img {







    display: block;







    width: 100%;







    max-width: 100%;







    max-height: 450px;







    height: auto;







    object-fit: contain;







    object-position: center;







}







.dessert-handbag-detail-layout .detail-copy {







    display: flex;







    min-width: 0;







    flex-direction: column;







    align-items: stretch;







    padding: 2px 0;







}







.dessert-handbag-detail-layout .detail-copy > .eyebrow {







    order: 0;







    margin-bottom: 8px;







    font-size: .70rem;







    font-weight: 800;







    line-height: 1.4;







    letter-spacing: .15em;







    text-transform: uppercase;







}







.dessert-handbag-detail-layout .detail-copy > h1 {







    order: 1;







    margin: 6px 0 0;







    font-size: clamp(1.55rem, 2.2vw, 2rem);







    font-weight: 800;







    line-height: 1.13;







    letter-spacing: -.025em;







}







.dessert-handbag-detail-layout .detail-copy > .detail-price {







    order: 2;







    margin: 10px 0;







    font-size: clamp(1.75rem, 2.2vw, 2rem);







    font-weight: 900;







    line-height: 1.2;







    letter-spacing: -.035em;







}







.dessert-handbag-detail-layout .detail-copy > .detail-description {







    order: 3;







    margin: 0 0 10px;







    color: #596678;







    font-size: .88rem;







    font-weight: 400;







    line-height: 1.58;







}







.dessert-handbag-detail-layout .detail-copy > .detail-features {







    order: 4;







    width: 100%;







    margin: 6px 0 14px;







}







.dessert-handbag-detail-layout .detail-features h2 {







    margin: 0 0 9px;







    font-size: .88rem;







    font-weight: 800;







}







.dessert-handbag-detail-layout .detail-features ul {







    display: grid;







    grid-template-columns: minmax(0, 1fr);







    gap: 8px;







    margin: 0;







    padding: 0;







    list-style: none;







}







.dessert-handbag-detail-layout .detail-features li {







    display: flex;







    align-items: center;







    gap: 9px;







    min-width: 0;







    margin: 0;







    padding: 11px 12px;







    border: 1px solid #e9e3d9;







    border-radius: 12px;







    background: #fff;







    color: #354357;







    font-size: .78rem;







    font-weight: 700;







    line-height: 1.4;







    list-style: none;







}







.dessert-handbag-detail-layout .detail-features li::before {







    content: "🚗";







    flex: 0 0 auto;







    font-size: 1rem;







}







.dessert-handbag-buy-panel {







    order: 5;







    width: 100%;







    margin: 0 0 8px;







}







.dessert-handbag-quantity-line {







    display: flex;







    align-items: center;







    justify-content: space-between;







    gap: 12px;







    margin: 0 0 10px;







}







.dessert-handbag-quantity-line label {







    color: #26364f;







    font-size: .80rem;







    font-weight: 700;







}







.dessert-handbag-stepper {







    display: inline-flex;







    align-items: center;







    justify-content: center;







    gap: 12px;







    min-height: 38px;







    padding: 4px 8px;







    border: 1px solid #d7dfeb;







    border-radius: 10px;







    background: #fff;







}







.dessert-handbag-stepper button {







    display: inline-grid;







    width: 28px;







    height: 28px;







    place-items: center;







    border: 0;







    border-radius: 7px;







    background: #f0f4fa;







    color: #162b45;







    font-size: 1.1rem;







    font-weight: 800;







    cursor: pointer;







}







.dessert-handbag-stepper output {







    min-width: 16px;







    color: #162b45;







    text-align: center;







    font-size: .85rem;







    font-weight: 800;







}







.dessert-handbag-purchase-buttons {







    display: grid;







    grid-template-columns: minmax(0, 1.02fr) minmax(0, .98fr);







    gap: 8px;







    width: 100%;







}







.dessert-handbag-purchase-buttons button {







    width: 100%;







    min-width: 0;







    min-height: 44px;







    padding: 9px 10px;







    border-radius: 999px;







    font: inherit;







    font-size: .76rem;







    font-weight: 800;







    line-height: 1.3;







    cursor: pointer;







}







.dessert-handbag-add-button {







    border: 1px solid #162b45;







    background: #162b45;







    color: #fff;







}







.dessert-handbag-favorite-button {







    border: 1px solid #c7d2e0;







    background: #fff;







    color: #162b45;







}







.dessert-handbag-favorite-button.is-favorite {







    border-color: #d99aa5;







    background: #fff4f5;







    color: #9e3045;







}







.dessert-handbag-action-message {







    min-height: 1.3em;







    margin: 8px 0 0;







    color: #526174;







    font-size: .75rem;







    line-height: 1.4;







}







.dessert-handbag-detail-layout .detail-actions {







    display: none !important;







}







@media (max-width: 900px) {







    .detail-layout.dessert-handbag-detail-layout {







        grid-template-columns: minmax(0, 1fr);







        gap: 18px;







        padding: 16px;







    }







}







@media (max-width: 560px) {







    .detail-layout.dessert-handbag-detail-layout {







        padding: 12px;







        gap: 14px;







    }







    .dessert-handbag-detail-layout .dessert-handbag-gallery-v1 {







        grid-template-columns: minmax(0, 1fr);







    }







    .dessert-handbag-detail-layout .dessert-handbag-thumbs {







        flex-direction: row;







        flex-wrap: wrap;







    }







    .dessert-handbag-detail-layout .dessert-handbag-thumb {







        flex: 1 1 85px;







    }







    .dessert-handbag-detail-layout .dessert-handbag-main-frame {







        min-height: 220px;







        padding: 10px;







    }







    .dessert-handbag-purchase-buttons {







        grid-template-columns: minmax(0, 1fr);







    }







}















/* Ajustes multimedia exclusivos de Dessert Handbag */







.dessert-handbag-detail-layout .dessert-handbag-main-frame video {







    display: block;







    width: 100%;







    max-width: 100%;







    max-height: 450px;







    height: auto;







    object-fit: contain;







    object-position: center;







    border-radius: 10px;







    background: #172033;







}







.dessert-handbag-detail-layout .dessert-handbag-video-thumb {







    display: grid;







    place-items: center;







    width: 100%;







    min-height: 42px;







    aspect-ratio: 4 / 3;







    border-radius: 8px;







    background: #e8eef6;







    color: #17304d;







    font-size: 1.35rem;







    font-weight: 800;







}







.dessert-handbag-detail-layout .dessert-handbag-video-thumb-button {







    align-self: stretch;







}







@media (max-width: 560px) {







    .dessert-handbag-detail-layout .dessert-handbag-main-frame video {







        max-height: 340px;







    }







}















/* Ajustes propios de Dessert Handbag */







.detail-layout.dessert-handbag-detail-layout {







    grid-template-columns: minmax(0, 1.02fr) minmax(0, .98fr);







    align-items: start;







    gap: 24px;







    padding: 20px;







    border: 1px solid #f3d7e2;







    border-radius: 20px;







}







.dessert-handbag-detail-layout .dessert-handbag-gallery-v1 {







    display: grid;







    grid-template-columns: minmax(0, 1fr);







    width: 100%;







    min-width: 0;







}







.dessert-handbag-detail-layout .dessert-handbag-main-media {







    grid-column: 1 / -1;







    width: 100%;







    min-width: 0;







}







.dessert-handbag-detail-layout .dessert-handbag-main-frame {







    display: grid;







    min-height: 350px;







    padding: 18px;







    place-items: center;







    overflow: hidden;







    border: 1px solid #f4dce6;







    border-radius: 18px;







    background: linear-gradient(145deg, #fff8fb, #fffefd);







}







.dessert-handbag-detail-layout .dessert-handbag-main-frame img {







    display: block;







    width: 100%;







    max-width: 100%;







    max-height: 520px;







    height: auto;







    object-fit: contain;







    object-position: center;







    border-radius: 10px;







}







.dessert-handbag-gallery-caption {







    margin: 10px 4px 0;







    color: #9c5775;







    font-size: .82rem;







    text-align: center;







}







.dessert-handbag-detail-layout .dessert-handbag-add-button {







    border-color: #e71967;







    background: linear-gradient(135deg, #ef3479, #c90d58);







    color: #fff;







    box-shadow: 0 8px 18px rgba(201, 13, 88, .16);







}







.dessert-handbag-detail-layout .dessert-handbag-add-button:hover {







    background: linear-gradient(135deg, #d91c63, #ad0a4a);







}







.dessert-handbag-detail-layout .dessert-handbag-favorite-button {







    border-color: #f0c3d6;







    background: #fff8fb;







    color: #a73562;







}







.dessert-handbag-detail-layout .dessert-handbag-favorite-button.is-favorite {







    border-color: #df8fb0;







    background: #fdeaf2;







    color: #9d174d;







}







@media (max-width: 900px) {







    .detail-layout.dessert-handbag-detail-layout {







        grid-template-columns: minmax(0, 1fr);







        gap: 18px;







        padding: 16px;







    }







}







@media (max-width: 560px) {







    .detail-layout.dessert-handbag-detail-layout {







        padding: 12px;







        gap: 14px;







    }







    .dessert-handbag-detail-layout .dessert-handbag-main-frame {







        min-height: 220px;







        padding: 10px;







    }







    .dessert-handbag-detail-layout .dessert-handbag-main-frame img {







        max-height: 360px;







    }







}















/* DANGOGIFTS PET SET FICHA PERSONALIZADA V1 */







/* DANGOGIFTS DESSERT HANDBAG FICHA PERSONALIZADA V1 */







/* DANGOGIFTS ROBOTS SUITES FICHA PERSONALIZADA V1 */







/* DANGOGIFTS MINI MODEL UNIFORMIDAD V1 */







.product-detail-page:has(.pet-set-detail-layout) {







    padding-top: 10px;







}







.product-detail-page:has(.pet-set-detail-layout) .breadcrumbs {







    margin-bottom: 8px;







}







.detail-layout.pet-set-detail-layout {







    grid-template-columns: minmax(0, 1.02fr) minmax(0, .98fr);







    align-items: start;







    gap: 22px;







    padding: 18px;







    border-radius: 18px;







}







.pet-set-detail-layout .pet-set-gallery-v1 {







    display: grid;







    grid-template-columns: 66px minmax(0, 1fr);







    align-items: start;







    gap: 12px;







    min-width: 0;







    width: 100%;







}







.pet-set-detail-layout .pet-set-thumbs {







    display: flex;







    flex-direction: column;







    gap: 8px;







    min-width: 0;







}







.pet-set-detail-layout .pet-set-thumb {







    display: flex;







    flex-direction: column;







    align-items: center;







    justify-content: center;







    gap: 5px;







    width: 100%;







    min-width: 0;







    padding: 7px 5px;







    border: 1px solid #dbe2eb;







    border-radius: 12px;







    background: #fff;







    color: #24364e;







    font-size: .68rem;







    font-weight: 700;







    line-height: 1.25;







    text-align: center;







    cursor: pointer;







}







.pet-set-detail-layout .pet-set-thumb img {







    display: block;







    width: 100%;







    max-height: 62px;







    object-fit: contain;







}







.pet-set-detail-layout .pet-set-thumb.is-current {







    border-color: #8daedb;







    box-shadow: 0 0 0 1px #8daedb;







}







.pet-set-detail-layout .pet-set-main-media {







    min-width: 0;







    width: 100%;







}







.pet-set-detail-layout .pet-set-main-frame {







    display: grid;







    min-width: 0;







    min-height: 320px;







    padding: 12px;







    place-items: center;







    overflow: hidden;







    border: 1px solid #eee3d6;







    border-radius: 16px;







    background: #faf8f4;







}







.pet-set-detail-layout .pet-set-main-frame img {







    display: block;







    width: 100%;







    max-width: 100%;







    max-height: 450px;







    height: auto;







    object-fit: contain;







    object-position: center;







}







.pet-set-detail-layout .detail-copy {







    display: flex;







    min-width: 0;







    flex-direction: column;







    align-items: stretch;







    padding: 2px 0;







}







.pet-set-detail-layout .detail-copy > .eyebrow {







    order: 0;







    margin-bottom: 8px;







    font-size: .70rem;







    font-weight: 800;







    line-height: 1.4;







    letter-spacing: .15em;







    text-transform: uppercase;







}







.pet-set-detail-layout .detail-copy > h1 {







    order: 1;







    margin: 6px 0 0;







    font-size: clamp(1.55rem, 2.2vw, 2rem);







    font-weight: 800;







    line-height: 1.13;







    letter-spacing: -.025em;







}







.pet-set-detail-layout .detail-copy > .detail-price {







    order: 2;







    margin: 10px 0;







    font-size: clamp(1.75rem, 2.2vw, 2rem);







    font-weight: 900;







    line-height: 1.2;







    letter-spacing: -.035em;







}







.pet-set-detail-layout .detail-copy > .detail-description {







    order: 3;







    margin: 0 0 10px;







    color: #596678;







    font-size: .88rem;







    font-weight: 400;







    line-height: 1.58;







}







.pet-set-detail-layout .detail-copy > .detail-features {







    order: 4;







    width: 100%;







    margin: 6px 0 14px;







}







.pet-set-detail-layout .detail-features h2 {







    margin: 0 0 9px;







    font-size: .88rem;







    font-weight: 800;







}







.pet-set-detail-layout .detail-features ul {







    display: grid;







    grid-template-columns: minmax(0, 1fr);







    gap: 8px;







    margin: 0;







    padding: 0;







    list-style: none;







}







.pet-set-detail-layout .detail-features li {







    display: flex;







    align-items: center;







    gap: 9px;







    min-width: 0;







    margin: 0;







    padding: 11px 12px;







    border: 1px solid #e9e3d9;







    border-radius: 12px;







    background: #fff;







    color: #354357;







    font-size: .78rem;







    font-weight: 700;







    line-height: 1.4;







    list-style: none;







}







.pet-set-detail-layout .detail-features li::before {







    content: "🚗";







    flex: 0 0 auto;







    font-size: 1rem;







}







.pet-set-buy-panel {







    order: 5;







    width: 100%;







    margin: 0 0 8px;







}







.pet-set-quantity-line {







    display: flex;







    align-items: center;







    justify-content: space-between;







    gap: 12px;







    margin: 0 0 10px;







}







.pet-set-quantity-line label {







    color: #26364f;







    font-size: .80rem;







    font-weight: 700;







}







.pet-set-stepper {







    display: inline-flex;







    align-items: center;







    justify-content: center;







    gap: 12px;







    min-height: 38px;







    padding: 4px 8px;







    border: 1px solid #d7dfeb;







    border-radius: 10px;







    background: #fff;







}







.pet-set-stepper button {







    display: inline-grid;







    width: 28px;







    height: 28px;







    place-items: center;







    border: 0;







    border-radius: 7px;







    background: #f0f4fa;







    color: #162b45;







    font-size: 1.1rem;







    font-weight: 800;







    cursor: pointer;







}







.pet-set-stepper output {







    min-width: 16px;







    color: #162b45;







    text-align: center;







    font-size: .85rem;







    font-weight: 800;







}







.pet-set-purchase-buttons {







    display: grid;







    grid-template-columns: minmax(0, 1.02fr) minmax(0, .98fr);







    gap: 8px;







    width: 100%;







}







.pet-set-purchase-buttons button {







    width: 100%;







    min-width: 0;







    min-height: 44px;







    padding: 9px 10px;







    border-radius: 999px;







    font: inherit;







    font-size: .76rem;







    font-weight: 800;







    line-height: 1.3;







    cursor: pointer;







}







.pet-set-add-button {







    border: 1px solid #162b45;







    background: #162b45;







    color: #fff;







}







.pet-set-favorite-button {







    border: 1px solid #c7d2e0;







    background: #fff;







    color: #162b45;







}







.pet-set-favorite-button.is-favorite {







    border-color: #d99aa5;







    background: #fff4f5;







    color: #9e3045;







}







.pet-set-action-message {







    min-height: 1.3em;







    margin: 8px 0 0;







    color: #526174;







    font-size: .75rem;







    line-height: 1.4;







}







.pet-set-detail-layout .detail-actions {







    display: none !important;







}







@media (max-width: 900px) {







    .detail-layout.pet-set-detail-layout {







        grid-template-columns: minmax(0, 1fr);







        gap: 18px;







        padding: 16px;







    }







}







@media (max-width: 560px) {







    .detail-layout.pet-set-detail-layout {







        padding: 12px;







        gap: 14px;







    }







    .pet-set-detail-layout .pet-set-gallery-v1 {







        grid-template-columns: minmax(0, 1fr);







    }







    .pet-set-detail-layout .pet-set-thumbs {







        flex-direction: row;







        flex-wrap: wrap;







    }







    .pet-set-detail-layout .pet-set-thumb {







        flex: 1 1 85px;







    }







    .pet-set-detail-layout .pet-set-main-frame {







        min-height: 220px;







        padding: 10px;







    }







    .pet-set-purchase-buttons {







        grid-template-columns: minmax(0, 1fr);







    }







}















/* Ajustes multimedia exclusivos de Pet Set */







.pet-set-detail-layout .pet-set-main-frame video {







    display: block;







    width: 100%;







    max-width: 100%;







    max-height: 450px;







    height: auto;







    object-fit: contain;







    object-position: center;







    border-radius: 10px;







    background: #172033;







}







.pet-set-detail-layout .pet-set-video-thumb {







    display: grid;







    place-items: center;







    width: 100%;







    min-height: 42px;







    aspect-ratio: 4 / 3;







    border-radius: 8px;







    background: #e8eef6;







    color: #17304d;







    font-size: 1.35rem;







    font-weight: 800;







}







.pet-set-detail-layout .pet-set-video-thumb-button {







    align-self: stretch;







}







@media (max-width: 560px) {







    .pet-set-detail-layout .pet-set-main-frame video {







        max-height: 340px;







    }







}















/* Ajustes propios de Pet Set */







.detail-layout.pet-set-detail-layout {







    grid-template-columns: minmax(0, 1.02fr) minmax(0, .98fr);







    align-items: start;







    gap: 24px;







    padding: 20px;







    border: 1px solid #f3d7e2;







    border-radius: 20px;







}







.pet-set-detail-layout .pet-set-gallery-v1 {







    display: grid;







    grid-template-columns: minmax(0, 1fr);







    width: 100%;







    min-width: 0;







}







.pet-set-detail-layout .pet-set-main-media {







    grid-column: 1 / -1;







    width: 100%;







    min-width: 0;







}







.pet-set-detail-layout .pet-set-main-frame {







    display: grid;







    min-height: 350px;







    padding: 18px;







    place-items: center;







    overflow: hidden;







    border: 1px solid #f4dce6;







    border-radius: 18px;







    background: linear-gradient(145deg, #fff8fb, #fffefd);







}







.pet-set-detail-layout .pet-set-main-frame img {







    display: block;







    width: 100%;







    max-width: 100%;







    max-height: 520px;







    height: auto;







    object-fit: contain;







    object-position: center;







    border-radius: 10px;







}







.pet-set-gallery-caption {







    margin: 10px 4px 0;







    color: #9c5775;







    font-size: .82rem;







    text-align: center;







}







.pet-set-detail-layout .pet-set-add-button {







    border-color: #e71967;







    background: linear-gradient(135deg, #ef3479, #c90d58);







    color: #fff;







    box-shadow: 0 8px 18px rgba(201, 13, 88, .16);







}







.pet-set-detail-layout .pet-set-add-button:hover {







    background: linear-gradient(135deg, #d91c63, #ad0a4a);







}







.pet-set-detail-layout .pet-set-favorite-button {







    border-color: #f0c3d6;







    background: #fff8fb;







    color: #a73562;







}







.pet-set-detail-layout .pet-set-favorite-button.is-favorite {







    border-color: #df8fb0;







    background: #fdeaf2;







    color: #9d174d;







}







@media (max-width: 900px) {







    .detail-layout.pet-set-detail-layout {







        grid-template-columns: minmax(0, 1fr);







        gap: 18px;







        padding: 16px;







    }







}







@media (max-width: 560px) {







    .detail-layout.pet-set-detail-layout {







        padding: 12px;







        gap: 14px;







    }







    .pet-set-detail-layout .pet-set-main-frame {







        min-height: 220px;







        padding: 10px;







    }







    .pet-set-detail-layout .pet-set-main-frame img {







        max-height: 360px;







    }







}















/* Galería de tres vistas de Pet Set */







.pet-set-detail-layout .pet-set-gallery-v1 {







    display: grid;







    grid-template-columns: 74px minmax(0, 1fr);







    align-items: start;







    gap: 12px;







    min-width: 0;







    width: 100%;







}







.pet-set-detail-layout .pet-set-thumbs {







    display: flex;







    flex-direction: column;







    gap: 9px;







    min-width: 0;







}







.pet-set-detail-layout .pet-set-thumb {







    display: flex;







    flex-direction: column;







    align-items: center;







    justify-content: center;







    gap: 5px;







    width: 100%;







    min-width: 0;







    padding: 7px 5px;







    border: 1px solid #f1ccdc;







    border-radius: 12px;







    background: #fff;







    color: #783c58;







    font-size: .68rem;







    font-weight: 700;







    line-height: 1.25;







    text-align: center;







    cursor: pointer;







}







.pet-set-detail-layout .pet-set-thumb img {







    display: block;







    width: 100%;







    max-height: 70px;







    object-fit: contain;







}







.pet-set-detail-layout .pet-set-thumb.is-current {







    border-color: #e65d98;







    box-shadow: 0 0 0 1px #e65d98;







}







.pet-set-detail-layout .pet-set-main-media {







    min-width: 0;







    width: 100%;







}







.pet-set-detail-layout .pet-set-main-frame {







    min-height: 320px;







    padding: 14px;







}







.pet-set-detail-layout .pet-set-main-frame img {







    display: block;







    width: 100%;







    max-width: 100%;







    max-height: 500px;







    height: auto;







    object-fit: contain;







    object-position: center;







}







.pet-set-detail-layout .pet-set-gallery-caption {







    margin: 10px 4px 0;







    color: #9c5775;







    font-size: .82rem;







    text-align: center;







}







@media (max-width: 900px) {







    .detail-layout.pet-set-detail-layout {







        grid-template-columns: minmax(0, 1fr);







        gap: 18px;







        padding: 16px;







    }







}







@media (max-width: 560px) {







    .pet-set-detail-layout .pet-set-gallery-v1 {







        grid-template-columns: minmax(0, 1fr);







    }







    .pet-set-detail-layout .pet-set-thumbs {







        flex-direction: row;







        flex-wrap: wrap;







    }







    .pet-set-detail-layout .pet-set-thumb {







        flex: 1 1 80px;







    }







    .pet-set-detail-layout .pet-set-main-frame {







        min-height: 220px;







        padding: 10px;







    }







    .pet-set-detail-layout .pet-set-main-frame img {







        max-height: 360px;







    }







}







/* DANGOGIFTS PET SET GALLERY ALIGNMENT FIX V1 */



.detail-layout.pet-set-detail-layout .pet-set-gallery-v1 {



    display: grid;



    grid-template-columns: 76px minmax(0, 1fr);



    align-items: start;



    gap: 12px;



    width: 100%;



    min-width: 0;



}



.detail-layout.pet-set-detail-layout .pet-set-thumbs {



    grid-column: 1;



    grid-row: 1;



    display: flex;



    flex-direction: column;



    gap: 9px;



    min-width: 0;



}



.detail-layout.pet-set-detail-layout .pet-set-main-media {



    grid-column: 2;



    grid-row: 1;



    align-self: start;



    min-width: 0;



    width: 100%;



}



.detail-layout.pet-set-detail-layout .pet-set-main-frame {



    min-width: 0;



    min-height: 360px;



    padding: 14px;



    place-items: center;



}



.detail-layout.pet-set-detail-layout .pet-set-main-frame img {



    display: block;



    width: 100%;



    max-width: 100%;



    max-height: 500px;



    height: auto;



    object-fit: contain;



    object-position: center;



}



@media (max-width: 560px) {



    .detail-layout.pet-set-detail-layout .pet-set-gallery-v1 {



        grid-template-columns: minmax(0, 1fr);



        gap: 12px;



    }



    .detail-layout.pet-set-detail-layout .pet-set-thumbs {



        grid-column: 1;



        grid-row: 1;



        flex-direction: row;



        flex-wrap: wrap;



    }



    .detail-layout.pet-set-detail-layout .pet-set-thumb {



        flex: 1 1 78px;



    }



    .detail-layout.pet-set-detail-layout .pet-set-main-media {



        grid-column: 1;



        grid-row: 2;



    }



    .detail-layout.pet-set-detail-layout .pet-set-main-frame {



        min-height: 220px;



        padding: 10px;



    }



    .detail-layout.pet-set-detail-layout .pet-set-main-frame img {



        max-height: 360px;



    }



}







/* DANGOGIFTS BABY CLOTH BOOK FICHA FINAL V1 */



.detail-layout.baby-cloth-book-dinosaur-pals-detail-layout {



    grid-template-columns: minmax(0, 1.02fr) minmax(0, .98fr);



    align-items: start;



    gap: 24px;



    padding: 20px;



    border: 1px solid #c7edf2;



    border-radius: 20px;



}



.baby-cloth-book-dinosaur-pals-detail-layout .baby-cloth-book-dinosaur-pals-gallery-v1,



.baby-cloth-book-dinosaur-pals-detail-layout .baby-cloth-book-dinosaur-pals-main-media {



    min-width: 0;



    width: 100%;



}



.baby-cloth-book-dinosaur-pals-detail-layout .baby-cloth-book-dinosaur-pals-main-frame {



    display: grid;



    min-height: 350px;



    padding: 18px;



    place-items: center;



    overflow: hidden;



    border: 1px solid #c7edf2;



    border-radius: 18px;



    background: linear-gradient(145deg, #f0fcfd, #fff);



}



.baby-cloth-book-dinosaur-pals-detail-layout .baby-cloth-book-dinosaur-pals-main-frame img {



    display: block;



    width: 100%;



    max-width: 100%;



    max-height: 520px;



    height: auto;



    object-fit: contain;



    object-position: center;



    border-radius: 10px;



}



.baby-cloth-book-dinosaur-pals-gallery-caption {



    margin: 10px 4px 0;



    color: #287e8d;



    font-size: .82rem;



    text-align: center;



}



.baby-cloth-book-dinosaur-pals-detail-layout .baby-cloth-book-dinosaur-pals-buy-panel {



    display: grid;



    gap: 14px;



    margin-top: 16px;



    padding: 16px;



    border: 1px solid #c7edf2;



    border-radius: 16px;



    background: #f3fcfd;



}



.baby-cloth-book-dinosaur-pals-detail-layout .baby-cloth-book-dinosaur-pals-quantity-line {



    display: flex;



    align-items: center;



    justify-content: space-between;



    gap: 12px;



    color: #204d5b;



    font-weight: 700;



}



.baby-cloth-book-dinosaur-pals-detail-layout .baby-cloth-book-dinosaur-pals-stepper {



    display: flex;



    align-items: center;



    gap: 12px;



    padding: 5px 9px;



    border: 1px solid #b4dfe6;



    border-radius: 999px;



    background: #fff;



}



.baby-cloth-book-dinosaur-pals-detail-layout .baby-cloth-book-dinosaur-pals-stepper button {



    width: 32px;



    height: 32px;



    border: 0;



    border-radius: 50%;



    background: #e1f6f9;



    color: #166b7d;



    font-size: 1.1rem;



    font-weight: 800;



    cursor: pointer;



}



.baby-cloth-book-dinosaur-pals-detail-layout .baby-cloth-book-dinosaur-pals-stepper output {



    min-width: 18px;



    text-align: center;



    color: #173a4c;



    font-weight: 800;



}



.baby-cloth-book-dinosaur-pals-detail-layout .baby-cloth-book-dinosaur-pals-purchase-buttons {



    display: grid;



    grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);



    gap: 10px;



}



.baby-cloth-book-dinosaur-pals-detail-layout .baby-cloth-book-dinosaur-pals-add-button,



.baby-cloth-book-dinosaur-pals-detail-layout .baby-cloth-book-dinosaur-pals-favorite-button {



    display: inline-flex;



    align-items: center;



    justify-content: center;



    gap: 8px;



    min-height: 46px;



    padding: 11px 14px;



    border-radius: 999px;



    font-weight: 800;



    cursor: pointer;



}



.baby-cloth-book-dinosaur-pals-detail-layout .baby-cloth-book-dinosaur-pals-add-button {



    border: 1px solid #117f91;



    background: linear-gradient(135deg, #22aec0, #117f91);



    color: #fff;



    box-shadow: 0 7px 17px rgba(17,127,145,.15);



}



.baby-cloth-book-dinosaur-pals-detail-layout .baby-cloth-book-dinosaur-pals-favorite-button {



    border: 1px solid #b8dfe6;



    background: #fff;



    color: #226474;



}



.baby-cloth-book-dinosaur-pals-detail-layout .baby-cloth-book-dinosaur-pals-favorite-button.is-favorite {



    border-color: #8eced7;



    background: #e5f8fa;



    color: #126c7c;



}



.baby-cloth-book-dinosaur-pals-detail-layout .baby-cloth-book-dinosaur-pals-action-message {



    min-height: 1.3em;



    margin: 0;



    color: #426a74;



    font-size: .78rem;



    line-height: 1.4;



}



.baby-cloth-book-dinosaur-pals-detail-layout .detail-actions {



    display: none !important;



}



@media (max-width: 900px) {



    .detail-layout.baby-cloth-book-dinosaur-pals-detail-layout {



        grid-template-columns: minmax(0, 1fr);



        gap: 18px;



        padding: 16px;



    }



}



@media (max-width: 560px) {



    .detail-layout.baby-cloth-book-dinosaur-pals-detail-layout {



        padding: 12px;



        gap: 14px;



    }



    .baby-cloth-book-dinosaur-pals-detail-layout .baby-cloth-book-dinosaur-pals-main-frame {



        min-height: 220px;



        padding: 10px;



    }



    .baby-cloth-book-dinosaur-pals-detail-layout .baby-cloth-book-dinosaur-pals-main-frame img {



        max-height: 360px;



    }



    .baby-cloth-book-dinosaur-pals-detail-layout .baby-cloth-book-dinosaur-pals-purchase-buttons {



        grid-template-columns: minmax(0, 1fr);



    }



}







/* DANGOGIFTS MOYU WCA 4-CUBE FICHA FINAL V1 */



.detail-layout.moyu-detail-layout {



    grid-template-columns: minmax(0, 1.02fr) minmax(0, .98fr);



    align-items: start;



    gap: 24px;



    padding: 20px;



    border: 1px solid #d7e7ee;



    border-radius: 20px;



}



.moyu-detail-layout .moyu-gallery-v1,



.moyu-detail-layout .moyu-main-frame {



    min-width: 0;



    width: 100%;



}



.moyu-detail-layout .moyu-main-frame {



    display: grid;



    min-height: 350px;



    padding: 18px;



    place-items: center;



    overflow: hidden;



    border: 1px solid #dce8ee;



    border-radius: 18px;



    background: linear-gradient(145deg, #f5fbfd, #fff);



}



.moyu-detail-layout .moyu-main-frame img {



    display: block;



    width: 100%;



    max-width: 100%;



    max-height: 520px;



    height: auto;



    object-fit: contain;



    object-position: center;



}



.moyu-gallery-caption {



    margin: 10px 4px 0;



    color: #137f99;



    font-size: .82rem;



    font-weight: 700;



    text-align: center;



}



.moyu-detail-layout .moyu-buy-panel {



    display: grid;



    gap: 14px;



    margin-top: 16px;



    padding: 16px;



    border: 1px solid #d1e5ed;



    border-radius: 16px;



    background: #f5fbfd;



}



.moyu-detail-layout .moyu-quantity-line {



    display: flex;



    align-items: center;



    justify-content: space-between;



    gap: 12px;



    color: #203e4c;



    font-weight: 700;



}



.moyu-detail-layout .moyu-stepper {



    display: flex;



    align-items: center;



    gap: 12px;



    padding: 5px 9px;



    border: 1px solid #bed8e3;



    border-radius: 999px;



    background: #fff;



}



.moyu-detail-layout .moyu-stepper button {



    width: 32px;



    height: 32px;



    border: 0;



    border-radius: 50%;



    background: #dff5fa;



    color: #006f88;



    font-size: 1.1rem;



    font-weight: 800;



    cursor: pointer;



}



.moyu-detail-layout .moyu-stepper output {



    min-width: 18px;



    text-align: center;



    color: #152f3c;



    font-weight: 800;



}



.moyu-detail-layout .moyu-purchase-buttons {



    display: grid;



    grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);



    gap: 10px;



}



.moyu-detail-layout .moyu-add-button,



.moyu-detail-layout .moyu-favorite-button {



    display: inline-flex;



    align-items: center;



    justify-content: center;



    gap: 8px;



    min-height: 46px;



    padding: 11px 14px;



    border-radius: 999px;



    font-weight: 800;



    cursor: pointer;



}



.moyu-detail-layout .moyu-add-button {



    border: 1px solid #008bb0;



    background: linear-gradient(135deg, #08bce0, #007f9f);



    color: #fff;



    box-shadow: 0 7px 17px rgba(0,127,159,.16);



}



.moyu-detail-layout .moyu-favorite-button {



    border: 1px solid #bed8e3;



    background: #fff;



    color: #244b5b;



}



.moyu-detail-layout .moyu-favorite-button.is-favorite {



    border-color: #7fcedf;



    background: #e3f8fb;



    color: #00778f;



}



.moyu-detail-layout .moyu-action-message {



    min-height: 1.3em;



    margin: 0;



    color: #426573;



    font-size: .78rem;



    line-height: 1.4;



}



@media (max-width: 900px) {



    .detail-layout.moyu-detail-layout {



        grid-template-columns: minmax(0, 1fr);



        gap: 18px;



        padding: 16px;



    }



}



@media (max-width: 560px) {



    .detail-layout.moyu-detail-layout {



        padding: 12px;



        gap: 14px;



    }



    .moyu-detail-layout .moyu-main-frame {



        min-height: 220px;



        padding: 10px;



    }



    .moyu-detail-layout .moyu-main-frame img {



        max-height: 360px;



    }



    .moyu-detail-layout .moyu-purchase-buttons {



        grid-template-columns: minmax(0, 1fr);



    }



}







/* DANGOGIFTS CRYSTAL TEC FICHA PERSONALIZADA V1 */



.detail-layout.crystal-tec-detail-layout {



    grid-template-columns: minmax(0, 1.02fr) minmax(0, .98fr);



    align-items: start;



    gap: 24px;



    padding: 20px;



    border: 1px solid #f1dbe8;



    border-radius: 20px;



}



.crystal-tec-detail-layout .crystal-tec-gallery-v1,



.crystal-tec-detail-layout .crystal-tec-main-frame {



    min-width: 0;



    width: 100%;



}



.crystal-tec-detail-layout .crystal-tec-main-frame {



    display: grid;



    min-height: 350px;



    padding: 18px;



    place-items: center;



    overflow: hidden;



    border: 1px solid #e7dff5;



    border-radius: 18px;



    background: linear-gradient(140deg, #fff8fc, #f3fcff 55%, #fbfff0);



}



.crystal-tec-detail-layout .crystal-tec-main-frame img {



    display: block;



    width: 100%;



    max-width: 100%;



    max-height: 520px;



    height: auto;



    object-fit: contain;



    object-position: center;



    border-radius: 10px;



}



.crystal-tec-gallery-caption {



    margin: 10px 4px 0;



    color: #8050a1;



    font-size: .82rem;



    font-weight: 700;



    text-align: center;



}



.crystal-tec-detail-layout .crystal-tec-buy-panel {



    display: grid;



    gap: 14px;



    margin-top: 16px;



    padding: 16px;



    border: 1px solid #e7dff5;



    border-radius: 16px;



    background: #fffafe;



}



.crystal-tec-detail-layout .crystal-tec-quantity-line {



    display: flex;



    align-items: center;



    justify-content: space-between;



    gap: 12px;



    color: #553c70;



    font-weight: 700;



}



.crystal-tec-detail-layout .crystal-tec-stepper {



    display: flex;



    align-items: center;



    gap: 12px;



    padding: 5px 9px;



    border: 1px solid #e3d4f2;



    border-radius: 999px;



    background: #fff;



}



.crystal-tec-detail-layout .crystal-tec-stepper button {



    width: 32px;



    height: 32px;



    border: 0;



    border-radius: 50%;



    background: #f1e5fb;



    color: #7546a0;



    font-size: 1.1rem;



    font-weight: 800;



    cursor: pointer;



}



.crystal-tec-detail-layout .crystal-tec-stepper output {



    min-width: 18px;



    text-align: center;



    color: #3d2b50;



    font-weight: 800;



}



.crystal-tec-detail-layout .crystal-tec-purchase-buttons {



    display: grid;



    grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);



    gap: 10px;



}



.crystal-tec-detail-layout .crystal-tec-add-button,



.crystal-tec-detail-layout .crystal-tec-favorite-button {



    display: inline-flex;



    align-items: center;



    justify-content: center;



    gap: 8px;



    min-height: 46px;



    padding: 11px 14px;



    border-radius: 999px;



    font-weight: 800;



    cursor: pointer;



}



.crystal-tec-detail-layout .crystal-tec-add-button {



    border: 1px solid #b92c91;



    background: linear-gradient(135deg, #ec55b0, #b92c91);



    color: #fff;



    box-shadow: 0 7px 17px rgba(185, 44, 145, .16);



}



.crystal-tec-detail-layout .crystal-tec-favorite-button {



    border: 1px solid #e3d4f2;



    background: #fff;



    color: #68447d;



}



.crystal-tec-detail-layout .crystal-tec-favorite-button.is-favorite {



    border-color: #e9a8d2;



    background: #fff0fa;



    color: #a51f76;



}



.crystal-tec-detail-layout .crystal-tec-action-message {



    min-height: 1.3em;



    margin: 0;



    color: #685477;



    font-size: .78rem;



    line-height: 1.4;



}



@media (max-width: 900px) {



    .detail-layout.crystal-tec-detail-layout {



        grid-template-columns: minmax(0, 1fr);



        gap: 18px;



        padding: 16px;



    }



}



@media (max-width: 560px) {



    .detail-layout.crystal-tec-detail-layout {



        padding: 12px;



        gap: 14px;



    }



    .crystal-tec-detail-layout .crystal-tec-main-frame {



        min-height: 220px;



        padding: 10px;



    }



    .crystal-tec-detail-layout .crystal-tec-main-frame img {



        max-height: 360px;



    }



    .crystal-tec-detail-layout .crystal-tec-purchase-buttons {



        grid-template-columns: minmax(0, 1fr);



    }



}







/* DANGOGIFTS BUBBLE BACKPACK FICHA PERSONALIZADA V1 */



.detail-layout.bubble-backpack-detail-layout {



    grid-template-columns: minmax(0, 1.02fr) minmax(0, .98fr);



    align-items: start;



    gap: 24px;



    padding: 20px;



    border: 1px solid #c9e8f5;



    border-radius: 20px;



}



.bubble-backpack-detail-layout .bubble-backpack-gallery-v1 {



    display: grid;



    grid-template-columns: 76px minmax(0, 1fr);



    align-items: start;



    gap: 12px;



    width: 100%;



    min-width: 0;



}



.bubble-backpack-detail-layout .bubble-backpack-thumbs {



    display: flex;



    flex-direction: column;



    gap: 9px;



    min-width: 0;



}



.bubble-backpack-detail-layout .bubble-backpack-thumb {



    display: flex;



    flex-direction: column;



    align-items: center;



    justify-content: center;



    gap: 5px;



    width: 100%;



    min-width: 0;



    padding: 7px 5px;



    border: 1px solid #c5e5f1;



    border-radius: 12px;



    background: #fff;



    color: #185b85;



    font-size: .68rem;



    font-weight: 700;



    line-height: 1.25;



    text-align: center;



    cursor: pointer;



}



.bubble-backpack-detail-layout .bubble-backpack-thumb img {



    display: block;



    width: 100%;



    max-height: 76px;



    object-fit: contain;



}



.bubble-backpack-detail-layout .bubble-backpack-thumb.is-current {



    border-color: #159dca;



    box-shadow: 0 0 0 1px #159dca;



}



.bubble-backpack-detail-layout .bubble-backpack-main-media {



    min-width: 0;



    width: 100%;



}



.bubble-backpack-detail-layout .bubble-backpack-main-frame {



    display: grid;



    min-height: 340px;



    padding: 14px;



    place-items: center;



    overflow: hidden;



    border: 1px solid #c9e8f5;



    border-radius: 18px;



    background: linear-gradient(145deg, #f0fbff, #fff);



}



.bubble-backpack-detail-layout .bubble-backpack-main-frame img {



    display: block;



    width: 100%;



    max-width: 100%;



    max-height: 500px;



    height: auto;



    object-fit: contain;



    object-position: center;



}



.bubble-backpack-gallery-caption {



    margin: 10px 4px 0;



    color: #107f9f;



    font-size: .82rem;



    font-weight: 700;



    text-align: center;



}



.bubble-backpack-detail-layout .bubble-backpack-buy-panel {



    display: grid;



    gap: 14px;



    margin-top: 16px;



    padding: 16px;



    border: 1px solid #c9e8f5;



    border-radius: 16px;



    background: #f2fbff;



}



.bubble-backpack-detail-layout .bubble-backpack-quantity-line {



    display: flex;



    align-items: center;



    justify-content: space-between;



    gap: 12px;



    color: #164c70;



    font-weight: 700;



}



.bubble-backpack-detail-layout .bubble-backpack-stepper {



    display: flex;



    align-items: center;



    gap: 12px;



    padding: 5px 9px;



    border: 1px solid #b9dce9;



    border-radius: 999px;



    background: #fff;



}



.bubble-backpack-detail-layout .bubble-backpack-stepper button {



    width: 32px;



    height: 32px;



    border: 0;



    border-radius: 50%;



    background: #dff5ff;



    color: #087da8;



    font-size: 1.1rem;



    font-weight: 800;



    cursor: pointer;



}



.bubble-backpack-detail-layout .bubble-backpack-stepper output {



    min-width: 18px;



    text-align: center;



    color: #153c5b;



    font-weight: 800;



}



.bubble-backpack-detail-layout .bubble-backpack-purchase-buttons {



    display: grid;



    grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);



    gap: 10px;



}



.bubble-backpack-detail-layout .bubble-backpack-add-button,



.bubble-backpack-detail-layout .bubble-backpack-favorite-button {



    display: inline-flex;



    align-items: center;



    justify-content: center;



    gap: 8px;



    min-height: 46px;



    padding: 11px 14px;



    border-radius: 999px;



    font-weight: 800;



    cursor: pointer;



}



.bubble-backpack-detail-layout .bubble-backpack-add-button {



    border: 1px solid #087fa9;



    background: linear-gradient(135deg, #19b5d6, #086eac);



    color: #fff;



    box-shadow: 0 7px 17px rgba(8,110,172,.16);



}



.bubble-backpack-detail-layout .bubble-backpack-favorite-button {



    border: 1px solid #b9dce9;



    background: #fff;



    color: #195b7e;



}



.bubble-backpack-detail-layout .bubble-backpack-favorite-button.is-favorite {



    border-color: #7dcde7;



    background: #e5f8ff;



    color: #087da8;



}



.bubble-backpack-detail-layout .bubble-backpack-action-message {



    min-height: 1.3em;



    margin: 0;



    color: #38677d;



    font-size: .78rem;



    line-height: 1.4;



}



@media (max-width: 900px) {



    .detail-layout.bubble-backpack-detail-layout {



        grid-template-columns: minmax(0, 1fr);



        gap: 18px;



        padding: 16px;



    }



}



@media (max-width: 560px) {



    .detail-layout.bubble-backpack-detail-layout {



        padding: 12px;



        gap: 14px;



    }



    .bubble-backpack-detail-layout .bubble-backpack-gallery-v1 {



        grid-template-columns: minmax(0, 1fr);



        gap: 12px;



    }



    .bubble-backpack-detail-layout .bubble-backpack-thumbs {



        flex-direction: row;



        flex-wrap: wrap;



    }



    .bubble-backpack-detail-layout .bubble-backpack-thumb {



        flex: 1 1 80px;



    }



    .bubble-backpack-detail-layout .bubble-backpack-main-frame {



        min-height: 220px;



        padding: 10px;



    }



    .bubble-backpack-detail-layout .bubble-backpack-main-frame img {



        max-height: 360px;



    }



    .bubble-backpack-detail-layout .bubble-backpack-purchase-buttons {



        grid-template-columns: minmax(0, 1fr);



    }



}







/* DANGOGIFTS CHEF HANDBAG FICHA PERSONALIZADA V1 */



.detail-layout.chef-handbag-detail-layout {



    grid-template-columns: minmax(0, 1.02fr) minmax(0, .98fr);



    align-items: start;



    gap: 24px;



    padding: 20px;



    border: 1px solid #f3c9df;



    border-radius: 20px;



}



.chef-handbag-detail-layout .chef-handbag-gallery-v1,



.chef-handbag-detail-layout .chef-handbag-main-frame {



    min-width: 0;



    width: 100%;



}



.chef-handbag-detail-layout .chef-handbag-main-frame {



    display: grid;



    min-height: 350px;



    padding: 18px;



    place-items: center;



    overflow: hidden;



    border: 1px solid #f3c9df;



    border-radius: 18px;



    background: linear-gradient(145deg, #fff5fa, #fff);



}



.chef-handbag-detail-layout .chef-handbag-main-frame img {



    display: block;



    width: 100%;



    max-width: 100%;



    max-height: 520px;



    height: auto;



    object-fit: contain;



    object-position: center;



    border-radius: 10px;



}



.chef-handbag-gallery-caption {



    margin: 10px 4px 0;



    color: #b72c78;



    font-size: .82rem;



    font-weight: 700;



    text-align: center;



}



.chef-handbag-detail-layout .chef-handbag-buy-panel {



    display: grid;



    gap: 14px;



    margin-top: 16px;



    padding: 16px;



    border: 1px solid #f3c9df;



    border-radius: 16px;



    background: #fff6fb;



}



.chef-handbag-detail-layout .chef-handbag-quantity-line {



    display: flex;



    align-items: center;



    justify-content: space-between;



    gap: 12px;



    color: #6e2e52;



    font-weight: 700;



}



.chef-handbag-detail-layout .chef-handbag-stepper {



    display: flex;



    align-items: center;



    gap: 12px;



    padding: 5px 9px;



    border: 1px solid #e8b9d4;



    border-radius: 999px;



    background: #fff;



}



.chef-handbag-detail-layout .chef-handbag-stepper button {



    width: 32px;



    height: 32px;



    border: 0;



    border-radius: 50%;



    background: #ffe3f2;



    color: #b72c78;



    font-size: 1.1rem;



    font-weight: 800;



    cursor: pointer;



}



.chef-handbag-detail-layout .chef-handbag-stepper output {



    min-width: 18px;



    text-align: center;



    color: #542440;



    font-weight: 800;



}



.chef-handbag-detail-layout .chef-handbag-purchase-buttons {



    display: grid;



    grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);



    gap: 10px;



}



.chef-handbag-detail-layout .chef-handbag-add-button,



.chef-handbag-detail-layout .chef-handbag-favorite-button {



    display: inline-flex;



    align-items: center;



    justify-content: center;



    gap: 8px;



    min-height: 46px;



    padding: 11px 14px;



    border-radius: 999px;



    font-weight: 800;



    cursor: pointer;



}



.chef-handbag-detail-layout .chef-handbag-add-button {



    border: 1px solid #c12b7c;



    background: linear-gradient(135deg, #ef63ad, #c12b7c);



    color: #fff;



    box-shadow: 0 7px 17px rgba(193, 43, 124, .16);



}



.chef-handbag-detail-layout .chef-handbag-favorite-button {



    border: 1px solid #e8b9d4;



    background: #fff;



    color: #84325d;



}



.chef-handbag-detail-layout .chef-handbag-favorite-button.is-favorite {



    border-color: #e5a0ca;



    background: #fff0f8;



    color: #b21d72;



}



.chef-handbag-detail-layout .chef-handbag-action-message {



    min-height: 1.3em;



    margin: 0;



    color: #78506a;



    font-size: .78rem;



    line-height: 1.4;



}



@media (max-width: 900px) {



    .detail-layout.chef-handbag-detail-layout {



        grid-template-columns: minmax(0, 1fr);



        gap: 18px;



        padding: 16px;



    }



}



@media (max-width: 560px) {



    .detail-layout.chef-handbag-detail-layout {



        padding: 12px;



        gap: 14px;



    }



    .chef-handbag-detail-layout .chef-handbag-main-frame {



        min-height: 220px;



        padding: 10px;



    }



    .chef-handbag-detail-layout .chef-handbag-main-frame img {



        max-height: 360px;



    }



    .chef-handbag-detail-layout .chef-handbag-purchase-buttons {



        grid-template-columns: minmax(0, 1fr);



    }



}







/* DANGOGIFTS EMILY FASHION CLASSICAL DOLL FICHA FINAL V1 */



.detail-layout.emily-fashion-classical-doll-detail-layout {



    grid-template-columns: minmax(0, 1.02fr) minmax(0, .98fr);



    align-items: start;



    gap: 24px;



    padding: 20px;



    border: 1px solid #f0d5e7;



    border-radius: 20px;



}



.emily-fashion-classical-doll-detail-layout .emily-fashion-classical-doll-gallery-v1,



.emily-fashion-classical-doll-detail-layout .emily-fashion-classical-doll-main-frame {



    min-width: 0;



    width: 100%;



}



.emily-fashion-classical-doll-detail-layout .emily-fashion-classical-doll-main-frame {



    display: grid;



    min-height: 350px;



    padding: 18px;



    place-items: center;



    overflow: hidden;



    border: 1px solid #ecd5ef;



    border-radius: 18px;



    background: linear-gradient(145deg, #fff3fa, #fbf5ff 58%, #f2faff);



}



.emily-fashion-classical-doll-detail-layout .emily-fashion-classical-doll-main-frame img {



    display: block;



    width: 100%;



    max-width: 100%;



    max-height: 520px;



    height: auto;



    object-fit: contain;



    object-position: center;



    border-radius: 10px;



}



.emily-fashion-classical-doll-gallery-caption {



    margin: 10px 4px 0;



    color: #96518f;



    font-size: .82rem;



    font-weight: 700;



    text-align: center;



}



.emily-fashion-classical-doll-detail-layout .detail-features {



    display: grid;



    gap: 8px;



    padding-left: 0;



}



.emily-fashion-classical-doll-detail-layout .detail-features li {



    padding: 10px 13px;



    border: 1px solid #f0ddea;



    border-radius: 12px;



    background: #fff9fd;



}



.emily-fashion-classical-doll-detail-layout .emily-fashion-classical-doll-buy-panel {



    display: grid;



    gap: 14px;



    margin-top: 16px;



    padding: 16px;



    border: 1px solid #f0d5e7;



    border-radius: 16px;



    background: #fff6fb;



}



.emily-fashion-classical-doll-detail-layout .emily-fashion-classical-doll-quantity-line {



    display: flex;



    align-items: center;



    justify-content: space-between;



    gap: 12px;



    color: #673d66;



    font-weight: 700;



}



.emily-fashion-classical-doll-detail-layout .emily-fashion-classical-doll-stepper {



    display: flex;



    align-items: center;



    gap: 12px;



    padding: 5px 9px;



    border: 1px solid #e8c8e1;



    border-radius: 999px;



    background: #fff;



}



.emily-fashion-classical-doll-detail-layout .emily-fashion-classical-doll-stepper button {



    width: 32px;



    height: 32px;



    border: 0;



    border-radius: 50%;



    background: #f7e4f3;



    color: #9c4c8c;



    font-size: 1.1rem;



    font-weight: 800;



    cursor: pointer;



}



.emily-fashion-classical-doll-detail-layout .emily-fashion-classical-doll-stepper output {



    min-width: 18px;



    text-align: center;



    color: #4e3150;



    font-weight: 800;



}



.emily-fashion-classical-doll-detail-layout .emily-fashion-classical-doll-purchase-buttons {



    display: grid;



    grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);



    gap: 10px;



}



.emily-fashion-classical-doll-detail-layout .emily-fashion-classical-doll-add-button,



.emily-fashion-classical-doll-detail-layout .emily-fashion-classical-doll-favorite-button {



    display: inline-flex;



    align-items: center;



    justify-content: center;



    gap: 8px;



    min-height: 46px;



    padding: 11px 14px;



    border-radius: 999px;



    font-weight: 800;



    cursor: pointer;



}



.emily-fashion-classical-doll-detail-layout .emily-fashion-classical-doll-add-button {



    border: 1px solid #b73388;



    background: linear-gradient(135deg, #e95aad, #b73388);



    color: #fff;



    box-shadow: 0 7px 17px rgba(183, 51, 136, .15);



}



.emily-fashion-classical-doll-detail-layout .emily-fashion-classical-doll-favorite-button {



    border: 1px solid #e8c8e1;



    background: #fff;



    color: #864b7b;



}



.emily-fashion-classical-doll-detail-layout .emily-fashion-classical-doll-favorite-button.is-favorite {



    border-color: #e3a7d1;



    background: #fff0f8;



    color: #ad277e;



}



.emily-fashion-classical-doll-detail-layout .emily-fashion-classical-doll-action-message {



    min-height: 1.3em;



    margin: 0;



    color: #785477;



    font-size: .78rem;



    line-height: 1.4;



}



@media (max-width: 900px) {



    .detail-layout.emily-fashion-classical-doll-detail-layout {



        grid-template-columns: minmax(0, 1fr);



        gap: 18px;



        padding: 16px;



    }



}



@media (max-width: 560px) {



    .detail-layout.emily-fashion-classical-doll-detail-layout {



        padding: 12px;



        gap: 14px;



    }



    .emily-fashion-classical-doll-detail-layout .emily-fashion-classical-doll-main-frame {



        min-height: 220px;



        padding: 10px;



    }



    .emily-fashion-classical-doll-detail-layout .emily-fashion-classical-doll-main-frame img {



        max-height: 360px;



    }



    .emily-fashion-classical-doll-detail-layout .emily-fashion-classical-doll-purchase-buttons {



        grid-template-columns: minmax(0, 1fr);



    }



}







/* DANGOGIFTS LCD PANEL FICHA PERSONALIZADA FINAL V1 */



.detail-layout.lcd-panel-writing-tablet-85-detail-layout {



    grid-template-columns: minmax(0, 1.02fr) minmax(0, .98fr);



    align-items: start;



    gap: 24px;



    padding: 20px;



    border: 1px solid #c5e8ed;



    border-radius: 20px;



}



.lcd-panel-writing-tablet-85-detail-layout .lcd-panel-gallery-v1,



.lcd-panel-writing-tablet-85-detail-layout .lcd-panel-main-frame {



    min-width: 0;



    width: 100%;



}



.lcd-panel-writing-tablet-85-detail-layout .lcd-panel-main-frame {



    display: grid;



    min-height: 350px;



    padding: 18px;



    place-items: center;



    overflow: hidden;



    border: 1px solid #bfe8eb;



    border-radius: 18px;



    background: linear-gradient(145deg, #effdff, #fff);



}



.lcd-panel-writing-tablet-85-detail-layout .lcd-panel-main-frame img {



    display: block;



    width: 100%;



    max-width: 100%;



    max-height: 520px;



    height: auto;



    object-fit: contain;



    object-position: center;



}



.lcd-panel-gallery-caption {



    margin: 10px 4px 0;



    color: #087f91;



    font-size: .82rem;



    font-weight: 700;



    text-align: center;



}



.lcd-panel-writing-tablet-85-detail-layout .detail-features {



    display: grid;



    gap: 8px;



    padding-left: 0;



}



.lcd-panel-writing-tablet-85-detail-layout .detail-features li {



    padding: 10px 13px;



    border: 1px solid #d6edf0;



    border-radius: 12px;



    background: #f7fdfe;



}



.lcd-panel-writing-tablet-85-detail-layout .lcd-panel-buy-panel {



    display: grid;



    gap: 14px;



    margin-top: 16px;



    padding: 16px;



    border: 1px solid #c5e8ed;



    border-radius: 16px;



    background: #f1fbfd;



}



.lcd-panel-writing-tablet-85-detail-layout .lcd-panel-quantity-line {



    display: flex;



    align-items: center;



    justify-content: space-between;



    gap: 12px;



    color: #185468;



    font-weight: 700;



}



.lcd-panel-writing-tablet-85-detail-layout .lcd-panel-stepper {



    display: flex;



    align-items: center;



    gap: 12px;



    padding: 5px 9px;



    border: 1px solid #b6dfe5;



    border-radius: 999px;



    background: #fff;



}



.lcd-panel-writing-tablet-85-detail-layout .lcd-panel-stepper button {



    width: 32px;



    height: 32px;



    border: 0;



    border-radius: 50%;



    background: #d9f6f7;



    color: #087d8b;



    font-size: 1.1rem;



    font-weight: 800;



    cursor: pointer;



}



.lcd-panel-writing-tablet-85-detail-layout .lcd-panel-stepper output {



    min-width: 18px;



    text-align: center;



    color: #174457;



    font-weight: 800;



}



.lcd-panel-writing-tablet-85-detail-layout .lcd-panel-purchase-buttons {



    display: grid;



    grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);



    gap: 10px;



}



.lcd-panel-writing-tablet-85-detail-layout .lcd-panel-add-button,



.lcd-panel-writing-tablet-85-detail-layout .lcd-panel-favorite-button {



    display: inline-flex;



    align-items: center;



    justify-content: center;



    gap: 8px;



    min-height: 46px;



    padding: 11px 14px;



    border-radius: 999px;



    font-weight: 800;



    cursor: pointer;



}



.lcd-panel-writing-tablet-85-detail-layout .lcd-panel-add-button {



    border: 1px solid #007b93;



    background: linear-gradient(135deg, #19c2cb, #087da9);



    color: #fff;



    box-shadow: 0 7px 17px rgba(8, 125, 169, .16);



}



.lcd-panel-writing-tablet-85-detail-layout .lcd-panel-favorite-button {



    border: 1px solid #b6dfe5;



    background: #fff;



    color: #185a70;



}



.lcd-panel-writing-tablet-85-detail-layout .lcd-panel-favorite-button.is-favorite {



    border-color: #73cbd1;



    background: #e3fafa;



    color: #087d8b;



}



.lcd-panel-writing-tablet-85-detail-layout .lcd-panel-action-message {



    min-height: 1.3em;



    margin: 0;



    color: #386875;



    font-size: .78rem;



    line-height: 1.4;



}



@media (max-width: 900px) {



    .detail-layout.lcd-panel-writing-tablet-85-detail-layout {



        grid-template-columns: minmax(0, 1fr);



        gap: 18px;



        padding: 16px;



    }



}



@media (max-width: 560px) {



    .detail-layout.lcd-panel-writing-tablet-85-detail-layout {



        padding: 12px;



        gap: 14px;



    }



    .lcd-panel-writing-tablet-85-detail-layout .lcd-panel-main-frame {



        min-height: 220px;



        padding: 10px;



    }



    .lcd-panel-writing-tablet-85-detail-layout .lcd-panel-main-frame img {



        max-height: 360px;



    }



    .lcd-panel-writing-tablet-85-detail-layout .lcd-panel-purchase-buttons {



        grid-template-columns: minmax(0, 1fr);



    }



}







/* DANGOGIFTS LCD PANEL FORMATO AJEDREZ V1 */







/* Contenedor general: dos columnas limpias y equilibradas */



.detail-layout.lcd-panel-writing-tablet-85-detail-layout {



    display: grid;



    grid-template-columns: minmax(0, 1.02fr) minmax(0, .98fr);



    align-items: start;



    gap: 22px;



    padding: 18px;



    border: 1px solid #d9e9ec;



    border-radius: 20px;



    background: #fff;



}







/* Imagen principal */



.lcd-panel-writing-tablet-85-detail-layout .lcd-panel-gallery-v1 {



    width: 100%;



    min-width: 0;



    align-self: start;



}



.lcd-panel-writing-tablet-85-detail-layout .lcd-panel-main-frame {



    display: grid;



    width: 100%;



    min-width: 0;



    min-height: 320px;



    padding: 12px;



    place-items: center;



    overflow: hidden;



    border: 1px solid #dbe9eb;



    border-radius: 16px;



    background: #f7fbfc;



}



.lcd-panel-writing-tablet-85-detail-layout .lcd-panel-main-frame img {



    display: block;



    width: 100%;



    max-width: 100%;



    max-height: 500px;



    height: auto;



    object-fit: contain;



    object-position: center;



}



.lcd-panel-writing-tablet-85-detail-layout .lcd-panel-gallery-caption {



    margin: 10px 4px 0;



    color: #287989;



    font-size: .78rem;



    font-weight: 700;



    text-align: center;



}







/* Bloque de información a la derecha */



.lcd-panel-writing-tablet-85-detail-layout .detail-copy {



    min-width: 0;



    width: 100%;



}



.lcd-panel-writing-tablet-85-detail-layout .detail-copy h1 {



    margin-top: 0;



    line-height: 1.2;



}



.lcd-panel-writing-tablet-85-detail-layout .detail-copy .detail-price {



    color: #142b40;



}







/* Características en tarjetas de dos columnas */



.lcd-panel-writing-tablet-85-detail-layout .detail-features {



    display: grid;



    grid-template-columns: repeat(2, minmax(0, 1fr));



    gap: 8px;



    width: 100%;



    margin: 14px 0 18px;



    padding: 0;



    list-style: none;



}



.lcd-panel-writing-tablet-85-detail-layout .detail-features li {



    position: relative;



    display: flex;



    align-items: center;



    min-width: 0;



    min-height: 46px;



    margin: 0;



    padding: 10px 10px 10px 33px;



    border: 1px solid #d7e9ed;



    border-radius: 12px;



    background: #f3fbfc;



    color: #23495b;



    font-size: .82rem;



    line-height: 1.35;



    overflow-wrap: anywhere;



}



.lcd-panel-writing-tablet-85-detail-layout .detail-features li::before {



    content: "✓";



    position: absolute;



    left: 11px;



    top: 50%;



    display: grid;



    width: 16px;



    height: 16px;



    place-items: center;



    transform: translateY(-50%);



    border-radius: 50%;



    background: #d6f3f2;



    color: #087d8b;



    font-size: .7rem;



    font-weight: 900;



}



.lcd-panel-writing-tablet-85-detail-layout .detail-features li:nth-child(4n + 2) {



    border-color: #dce2f6;



    background: #f5f6ff;



}



.lcd-panel-writing-tablet-85-detail-layout .detail-features li:nth-child(4n + 2)::before {



    background: #e6e8ff;



    color: #545da8;



}



.lcd-panel-writing-tablet-85-detail-layout .detail-features li:nth-child(4n + 3) {



    border-color: #deebdf;



    background: #f4faf4;



}



.lcd-panel-writing-tablet-85-detail-layout .detail-features li:nth-child(4n + 3)::before {



    background: #e0f2df;



    color: #387a48;



}



.lcd-panel-writing-tablet-85-detail-layout .detail-features li:nth-child(4n) {



    border-color: #f0e1d4;



    background: #fff9f3;



}



.lcd-panel-writing-tablet-85-detail-layout .detail-features li:nth-child(4n)::before {



    background: #fcebdc;



    color: #9a613b;



}







/* Selector de cantidad */



.lcd-panel-writing-tablet-85-detail-layout .lcd-panel-buy-panel {



    display: grid;



    gap: 10px;



    width: 100%;



    margin-top: 14px;



    padding: 0;



    border: 0;



    border-radius: 0;



    background: transparent;



}



.lcd-panel-writing-tablet-85-detail-layout .lcd-panel-quantity-line {



    display: flex;



    align-items: center;



    justify-content: space-between;



    gap: 12px;



    color: #142b40;



    font-size: .85rem;



    font-weight: 800;



}



.lcd-panel-writing-tablet-85-detail-layout .lcd-panel-stepper {



    display: inline-flex;



    align-items: center;



    gap: 0;



    padding: 0;



    border: 1px solid #d7e0eb;



    border-radius: 11px;



    background: #fff;



    overflow: hidden;



}



.lcd-panel-writing-tablet-85-detail-layout .lcd-panel-stepper button {



    display: grid;



    width: 34px;



    height: 32px;



    place-items: center;



    border: 0;



    border-radius: 0;



    background: #f3f6fa;



    color: #142b40;



    font-size: 1rem;



    font-weight: 800;



    cursor: pointer;



}



.lcd-panel-writing-tablet-85-detail-layout .lcd-panel-stepper output {



    display: grid;



    min-width: 35px;



    height: 32px;



    place-items: center;



    color: #142b40;



    font-size: .85rem;



    font-weight: 800;



}







/* Botones de compra como en Ajedrez de madera */



.lcd-panel-writing-tablet-85-detail-layout .lcd-panel-purchase-buttons {



    display: grid;



    grid-template-columns: repeat(2, minmax(0, 1fr));



    gap: 8px;



    width: 100%;



}



.lcd-panel-writing-tablet-85-detail-layout .lcd-panel-add-button,



.lcd-panel-writing-tablet-85-detail-layout .lcd-panel-favorite-button {



    display: inline-flex;



    align-items: center;



    justify-content: center;



    gap: 7px;



    width: 100%;



    min-width: 0;



    min-height: 44px;



    padding: 10px 12px;



    border-radius: 999px;



    font-size: .78rem;



    font-weight: 800;



    line-height: 1.3;



    text-align: center;



    cursor: pointer;



}



.lcd-panel-writing-tablet-85-detail-layout .lcd-panel-add-button {



    border: 1px solid #142b40;



    background: #142b40;



    color: #fff;



    box-shadow: none;



}



.lcd-panel-writing-tablet-85-detail-layout .lcd-panel-add-button:hover {



    background: #203f59;



}



.lcd-panel-writing-tablet-85-detail-layout .lcd-panel-favorite-button {



    border: 1px solid #d2deeb;



    background: #fff;



    color: #142b40;



}



.lcd-panel-writing-tablet-85-detail-layout .lcd-panel-favorite-button:hover,



.lcd-panel-writing-tablet-85-detail-layout .lcd-panel-favorite-button.is-favorite {



    border-color: #8ccbd2;



    background: #effbfc;



    color: #087d8b;



}



.lcd-panel-writing-tablet-85-detail-layout .lcd-panel-action-message {



    min-height: 1.2em;



    margin: 0;



    color: #386875;



    font-size: .76rem;



    line-height: 1.4;



}







/* El recuadro de video ficticio nunca debe aparecer en esta ficha */



.lcd-panel-writing-tablet-85-detail-layout .detail-video-placeholder {



    display: none !important;



}







/* Distribución adaptable a pantallas pequeñas */



@media (max-width: 900px) {



    .detail-layout.lcd-panel-writing-tablet-85-detail-layout {



        grid-template-columns: minmax(0, 1fr);



        gap: 18px;



        padding: 16px;



    }



    .lcd-panel-writing-tablet-85-detail-layout .lcd-panel-main-frame {



        min-height: 260px;



    }



}



@media (max-width: 560px) {



    .detail-layout.lcd-panel-writing-tablet-85-detail-layout {



        gap: 14px;



        padding: 12px;



        border-radius: 16px;



    }



    .lcd-panel-writing-tablet-85-detail-layout .lcd-panel-main-frame {



        min-height: 210px;



        padding: 8px;



    }



    .lcd-panel-writing-tablet-85-detail-layout .lcd-panel-main-frame img {



        max-height: 360px;



    }



    .lcd-panel-writing-tablet-85-detail-layout .detail-features {



        grid-template-columns: minmax(0, 1fr);



    }



    .lcd-panel-writing-tablet-85-detail-layout .lcd-panel-purchase-buttons {



        grid-template-columns: minmax(0, 1fr);



    }



}







/* DANGOGIFTS BANG BINGO FORMATO AJEDREZ V1 */



.detail-layout.bang-bingo-detail-layout {



    display: grid;



    grid-template-columns: minmax(0, 1.02fr) minmax(0, .98fr);



    align-items: start;



    gap: 22px;



    padding: 18px;



    border: 1px solid #e0e8ec;



    border-radius: 20px;



    background: #fff;



}



.bang-bingo-detail-layout .bang-bingo-gallery-v1,



.bang-bingo-detail-layout .bang-bingo-main-frame {



    width: 100%;



    min-width: 0;



}



.bang-bingo-detail-layout .bang-bingo-main-frame {



    display: grid;



    min-height: 350px;



    padding: 12px;



    place-items: center;



    overflow: hidden;



    border: 1px solid #dfe8ec;



    border-radius: 16px;



    background: #f8fafb;



}



.bang-bingo-detail-layout .bang-bingo-main-frame img {



    display: block;



    width: 100%;



    max-width: 100%;



    max-height: 520px;



    height: auto;



    object-fit: contain;



    object-position: center;



}



.bang-bingo-detail-layout .bang-bingo-gallery-caption {



    margin: 10px 4px 0;



    color: #376b82;



    font-size: .8rem;



    font-weight: 700;



    text-align: center;



}



.bang-bingo-detail-layout .detail-copy {



    min-width: 0;



    width: 100%;



}



.bang-bingo-detail-layout .detail-copy h1 {



    margin-top: 0;



    line-height: 1.2;



}



.bang-bingo-detail-layout .detail-features {



    display: grid;



    grid-template-columns: repeat(2, minmax(0, 1fr));



    gap: 8px;



    width: 100%;



    margin: 14px 0 18px;



    padding: 0;



    list-style: none;



}



.bang-bingo-detail-layout .detail-features li {



    position: relative;



    display: flex;



    align-items: center;



    min-width: 0;



    min-height: 46px;



    margin: 0;



    padding: 10px 10px 10px 32px;



    border: 1px solid #d7e8f2;



    border-radius: 12px;



    background: #f2f9fd;



    color: #23495d;



    font-size: .81rem;



    line-height: 1.35;



    overflow-wrap: anywhere;



}



.bang-bingo-detail-layout .detail-features li::before {



    content: "✓";



    position: absolute;



    left: 10px;



    top: 50%;



    display: grid;



    width: 16px;



    height: 16px;



    place-items: center;



    transform: translateY(-50%);



    border-radius: 50%;



    background: #d8f1f5;



    color: #087f91;



    font-size: .7rem;



    font-weight: 900;



}



.bang-bingo-detail-layout .detail-features li:nth-child(4n + 2) {



    border-color: #dce3f5;



    background: #f6f7ff;



}



.bang-bingo-detail-layout .detail-features li:nth-child(4n + 2)::before {



    background: #e7e9fc;



    color: #5a63a0;



}



.bang-bingo-detail-layout .detail-features li:nth-child(4n + 3) {



    border-color: #dfebdc;



    background: #f5faf2;



}



.bang-bingo-detail-layout .detail-features li:nth-child(4n + 3)::before {



    background: #e0f0dc;



    color: #39764c;



}



.bang-bingo-detail-layout .detail-features li:nth-child(4n) {



    border-color: #efe1d1;



    background: #fff9f1;



}



.bang-bingo-detail-layout .detail-features li:nth-child(4n)::before {



    background: #f9eadb;



    color: #95613c;



}



.bang-bingo-detail-layout .bang-bingo-buy-panel {



    display: grid;



    gap: 10px;



    width: 100%;



    margin-top: 14px;



    padding: 0;



    border: 0;



    border-radius: 0;



    background: transparent;



}



.bang-bingo-detail-layout .bang-bingo-quantity-line {



    display: flex;



    align-items: center;



    justify-content: space-between;



    gap: 12px;



    color: #142b40;



    font-size: .85rem;



    font-weight: 800;



}



.bang-bingo-detail-layout .bang-bingo-stepper {



    display: inline-flex;



    align-items: center;



    gap: 0;



    padding: 0;



    border: 1px solid #d7e0eb;



    border-radius: 11px;



    background: #fff;



    overflow: hidden;



}



.bang-bingo-detail-layout .bang-bingo-stepper button {



    display: grid;



    width: 34px;



    height: 32px;



    place-items: center;



    border: 0;



    border-radius: 0;



    background: #f3f6fa;



    color: #142b40;



    font-size: 1rem;



    font-weight: 800;



    cursor: pointer;



}



.bang-bingo-detail-layout .bang-bingo-stepper output {



    display: grid;



    min-width: 35px;



    height: 32px;



    place-items: center;



    color: #142b40;



    font-size: .85rem;



    font-weight: 800;



}



.bang-bingo-detail-layout .bang-bingo-purchase-buttons {



    display: grid;



    grid-template-columns: repeat(2, minmax(0, 1fr));



    gap: 8px;



    width: 100%;



}



.bang-bingo-detail-layout .bang-bingo-add-button,



.bang-bingo-detail-layout .bang-bingo-favorite-button {



    display: inline-flex;



    align-items: center;



    justify-content: center;



    gap: 7px;



    width: 100%;



    min-width: 0;



    min-height: 44px;



    padding: 10px 12px;



    border-radius: 999px;



    font-size: .78rem;



    font-weight: 800;



    line-height: 1.3;



    text-align: center;



    cursor: pointer;



}



.bang-bingo-detail-layout .bang-bingo-add-button {



    border: 1px solid #142b40;



    background: #142b40;



    color: #fff;



    box-shadow: none;



}



.bang-bingo-detail-layout .bang-bingo-add-button:hover {



    background: #203f59;



}



.bang-bingo-detail-layout .bang-bingo-favorite-button {



    border: 1px solid #d2deeb;



    background: #fff;



    color: #142b40;



}



.bang-bingo-detail-layout .bang-bingo-favorite-button:hover,



.bang-bingo-detail-layout .bang-bingo-favorite-button.is-favorite {



    border-color: #9bcbd8;



    background: #f0fafc;



    color: #176d83;



}



.bang-bingo-detail-layout .bang-bingo-action-message {



    min-height: 1.2em;



    margin: 0;



    color: #426b7d;



    font-size: .76rem;



    line-height: 1.4;



}



.bang-bingo-detail-layout .detail-video-placeholder {



    display: none !important;



}



@media (max-width: 900px) {



    .detail-layout.bang-bingo-detail-layout {



        grid-template-columns: minmax(0, 1fr);



        gap: 18px;



        padding: 16px;



    }



    .bang-bingo-detail-layout .bang-bingo-main-frame {



        min-height: 260px;



    }



}



@media (max-width: 560px) {



    .detail-layout.bang-bingo-detail-layout {



        gap: 14px;



        padding: 12px;



        border-radius: 16px;



    }



    .bang-bingo-detail-layout .bang-bingo-main-frame {



        min-height: 210px;



        padding: 8px;



    }



    .bang-bingo-detail-layout .bang-bingo-main-frame img {



        max-height: 360px;



    }



    .bang-bingo-detail-layout .detail-features {



        grid-template-columns: minmax(0, 1fr);



    }



    .bang-bingo-detail-layout .bang-bingo-purchase-buttons {



        grid-template-columns: minmax(0, 1fr);



    }



}



/* DANGOGIFTS BANG BINGO CARACTERISTICAS DISTRIBUCION FIX V1 */



/* El título ocupa todo el ancho; las tarjetas pasan a la fila siguiente. */

.detail-layout.bang-bingo-detail-layout .detail-copy .detail-features {

    display: block !important;

    width: 100%;

    min-width: 0;

    margin: 16px 0 18px;

    padding: 0;

}



/* Encabezado independiente para evitar que comparta fila con las tarjetas. */

.detail-layout.bang-bingo-detail-layout .detail-copy .detail-features > h3 {

    display: block;

    width: 100%;

    margin: 0 0 12px;

    padding: 0;

    color: #142b40;

    font-size: .95rem;

    font-weight: 800;

    line-height: 1.35;

}



/* La lista completa usa el espacio disponible en dos columnas uniformes. */

.detail-layout.bang-bingo-detail-layout .detail-copy .detail-features > ul {

    display: grid !important;

    grid-template-columns: repeat(2, minmax(0, 1fr));

    align-items: stretch;

    gap: 9px;

    width: 100%;

    min-width: 0;

    margin: 0;

    padding: 0;

    list-style: none;

}



/* Todas las tarjetas llenan su celda sin desbordarse. */

.detail-layout.bang-bingo-detail-layout .detail-copy .detail-features > ul > li {

    display: flex;

    align-items: center;

    box-sizing: border-box;

    width: 100%;

    min-width: 0;

    min-height: 50px;

    margin: 0;

    padding: 11px 12px 11px 34px;

    border-radius: 12px;

    font-size: .82rem;

    line-height: 1.4;

    overflow-wrap: anywhere;

}



/* En móvil, una sola columna para una lectura cómoda. */

@media (max-width: 560px) {

    .detail-layout.bang-bingo-detail-layout .detail-copy .detail-features > ul {

        grid-template-columns: minmax(0, 1fr);

        gap: 8px;

    }



    .detail-layout.bang-bingo-detail-layout .detail-copy .detail-features > ul > li {

        min-height: 44px;

    }

}



/* DANGOGIFTS THE STUNT RACING FORMATO AJEDREZ V1 */

.detail-layout.stunt-racing-detail-layout {

    display: grid;

    grid-template-columns: minmax(0, 1.02fr) minmax(0, .98fr);

    align-items: start;

    gap: 22px;

    padding: 18px;

    border: 1px solid #d6e5ef;

    border-radius: 20px;

    background: #fff;

}

.stunt-racing-detail-layout .stunt-racing-gallery-v1,

.stunt-racing-detail-layout .stunt-racing-main-frame {

    width: 100%;

    min-width: 0;

}

.stunt-racing-detail-layout .stunt-racing-main-frame {

    display: grid;

    min-height: 350px;

    padding: 12px;

    place-items: center;

    overflow: hidden;

    border: 1px solid #d7e5ed;

    border-radius: 16px;

    background: #f7fafc;

}

.stunt-racing-detail-layout .stunt-racing-main-frame img {

    display: block;

    width: 100%;

    max-width: 100%;

    max-height: 520px;

    height: auto;

    object-fit: contain;

    object-position: center;

}

.stunt-racing-detail-layout .stunt-racing-gallery-caption {

    margin: 10px 4px 0;

    color: #356a87;

    font-size: .8rem;

    font-weight: 700;

    text-align: center;

}

.stunt-racing-detail-layout .detail-copy {

    width: 100%;

    min-width: 0;

}

.stunt-racing-detail-layout .detail-copy h1 {

    margin-top: 0;

    line-height: 1.2;

}



/* Características: encabezado independiente y tarjetas en dos columnas.

   Contempla tanto una lista con clase detail-features como un wrapper con ul. */

.stunt-racing-detail-layout .detail-copy .detail-features:not(ul) {

    display: block !important;

    width: 100%;

    min-width: 0;

    margin: 14px 0 18px;

}

.stunt-racing-detail-layout .detail-copy .detail-features > h3,

.stunt-racing-detail-layout .detail-copy > h3 {

    display: block;

    width: 100%;

    margin: 0 0 12px;

    color: #142b40;

    font-size: .95rem;

    font-weight: 800;

    line-height: 1.35;

}

.stunt-racing-detail-layout .detail-copy ul.detail-features,

.stunt-racing-detail-layout .detail-copy .detail-features > ul,

.stunt-racing-detail-layout .detail-copy .detail-features ul {

    display: grid !important;

    grid-template-columns: repeat(2, minmax(0, 1fr));

    align-items: stretch;

    gap: 9px;

    width: 100%;

    min-width: 0;

    margin: 0;

    padding: 0;

    list-style: none;

}

.stunt-racing-detail-layout .detail-copy ul.detail-features > li,

.stunt-racing-detail-layout .detail-copy .detail-features > ul > li,

.stunt-racing-detail-layout .detail-copy .detail-features ul > li {

    position: relative;

    display: flex;

    align-items: center;

    box-sizing: border-box;

    width: 100%;

    min-width: 0;

    min-height: 50px;

    margin: 0;

    padding: 11px 11px 11px 33px;

    border: 1px solid #d5e6f0;

    border-radius: 12px;

    background: #f2f9fd;

    color: #24485d;

    font-size: .81rem;

    line-height: 1.4;

    overflow-wrap: anywhere;

    list-style: none;

}

.stunt-racing-detail-layout .detail-copy ul.detail-features > li::before,

.stunt-racing-detail-layout .detail-copy .detail-features > ul > li::before,

.stunt-racing-detail-layout .detail-copy .detail-features ul > li::before {

    content: "✓";

    position: absolute;

    left: 10px;

    top: 50%;

    display: grid;

    width: 16px;

    height: 16px;

    place-items: center;

    transform: translateY(-50%);

    border-radius: 50%;

    background: #d8eff4;

    color: #087f91;

    font-size: .7rem;

    font-weight: 900;

}

.stunt-racing-detail-layout .detail-copy ul.detail-features > li:nth-child(4n + 2),

.stunt-racing-detail-layout .detail-copy .detail-features ul > li:nth-child(4n + 2) {

    border-color: #dbe2f5;

    background: #f5f6ff;

}

.stunt-racing-detail-layout .detail-copy ul.detail-features > li:nth-child(4n + 3),

.stunt-racing-detail-layout .detail-copy .detail-features ul > li:nth-child(4n + 3) {

    border-color: #dceadb;

    background: #f4faf3;

}

.stunt-racing-detail-layout .detail-copy ul.detail-features > li:nth-child(4n),

.stunt-racing-detail-layout .detail-copy .detail-features ul > li:nth-child(4n) {

    border-color: #f0e1d2;

    background: #fff9f2;

}



/* Selector de cantidad */

.stunt-racing-detail-layout .stunt-racing-buy-panel {

    display: grid;

    gap: 10px;

    width: 100%;

    margin-top: 14px;

    padding: 0;

    border: 0;

    border-radius: 0;

    background: transparent;

}

.stunt-racing-detail-layout .stunt-racing-quantity-line {

    display: flex;

    align-items: center;

    justify-content: space-between;

    gap: 12px;

    color: #142b40;

    font-size: .85rem;

    font-weight: 800;

}

.stunt-racing-detail-layout .stunt-racing-stepper {

    display: inline-flex;

    align-items: center;

    gap: 0;

    padding: 0;

    border: 1px solid #d7e0eb;

    border-radius: 11px;

    background: #fff;

    overflow: hidden;

}

.stunt-racing-detail-layout .stunt-racing-stepper button {

    display: grid;

    width: 34px;

    height: 32px;

    place-items: center;

    border: 0;

    border-radius: 0;

    background: #f3f6fa;

    color: #142b40;

    font-size: 1rem;

    font-weight: 800;

    cursor: pointer;

}

.stunt-racing-detail-layout .stunt-racing-stepper output {

    display: grid;

    min-width: 35px;

    height: 32px;

    place-items: center;

    color: #142b40;

    font-size: .85rem;

    font-weight: 800;

}



/* Acciones alineadas como en Ajedrez de madera */

.stunt-racing-detail-layout .stunt-racing-purchase-buttons {

    display: grid;

    grid-template-columns: repeat(2, minmax(0, 1fr));

    gap: 8px;

    width: 100%;

}

.stunt-racing-detail-layout .stunt-racing-add-button,

.stunt-racing-detail-layout .stunt-racing-favorite-button {

    display: inline-flex;

    align-items: center;

    justify-content: center;

    gap: 7px;

    width: 100%;

    min-width: 0;

    min-height: 44px;

    padding: 10px 12px;

    border-radius: 999px;

    font-size: .78rem;

    font-weight: 800;

    line-height: 1.3;

    text-align: center;

    cursor: pointer;

}

.stunt-racing-detail-layout .stunt-racing-add-button {

    border: 1px solid #142b40;

    background: #142b40;

    color: #fff;

    box-shadow: none;

}

.stunt-racing-detail-layout .stunt-racing-add-button:hover {

    background: #203f59;

}

.stunt-racing-detail-layout .stunt-racing-favorite-button {

    border: 1px solid #d2deeb;

    background: #fff;

    color: #142b40;

}

.stunt-racing-detail-layout .stunt-racing-favorite-button:hover,

.stunt-racing-detail-layout .stunt-racing-favorite-button.is-favorite {

    border-color: #9bcbd8;

    background: #f0fafc;

    color: #176d83;

}

.stunt-racing-detail-layout .stunt-racing-action-message {

    min-height: 1.2em;

    margin: 0;

    color: #426b7d;

    font-size: .76rem;

    line-height: 1.4;

}

.stunt-racing-detail-layout .detail-video-placeholder {

    display: none !important;

}



@media (max-width: 900px) {

    .detail-layout.stunt-racing-detail-layout {

        grid-template-columns: minmax(0, 1fr);

        gap: 18px;

        padding: 16px;

    }

    .stunt-racing-detail-layout .stunt-racing-main-frame {

        min-height: 260px;

    }

}

@media (max-width: 560px) {

    .detail-layout.stunt-racing-detail-layout {

        gap: 14px;

        padding: 12px;

        border-radius: 16px;

    }

    .stunt-racing-detail-layout .stunt-racing-main-frame {

        min-height: 210px;

        padding: 8px;

    }

    .stunt-racing-detail-layout .stunt-racing-main-frame img {

        max-height: 360px;

    }

    .stunt-racing-detail-layout .detail-copy ul.detail-features,

    .stunt-racing-detail-layout .detail-copy .detail-features > ul,

    .stunt-racing-detail-layout .detail-copy .detail-features ul {

        grid-template-columns: minmax(0, 1fr);

    }

    .stunt-racing-detail-layout .stunt-racing-purchase-buttons {

        grid-template-columns: minmax(0, 1fr);

    }

}

/* DANGOGIFTS ESPACIADO COMPACTO DE FICHAS V1 */

/* Reduce el hueco entre la navegación superior y las migas de pan. */
.product-detail-page {
    padding-top: 14px !important;
}

/* Acerca la tarjeta de producto a las migas de pan. */
.product-detail-page .breadcrumbs {
    margin-top: 0 !important;
    margin-bottom: 10px !important;
}

/* En móvil, mantener una separación aún más compacta. */
@media (max-width: 560px) {
    .product-detail-page {
        padding-top: 10px !important;
    }

    .product-detail-page .breadcrumbs {
        margin-bottom: 8px !important;
    }
}

.detail-layout.stunt-racing-4wd-detail-layout {



    grid-template-columns: minmax(0, 1.02fr) minmax(0, .98fr);



    align-items: start;



    gap: 24px;



    padding: 20px;



    border: 1px solid #c5e8ed;



    border-radius: 20px;



}



.stunt-racing-4wd-detail-layout .stunt-racing-4wd-gallery-v1,



.stunt-racing-4wd-detail-layout .stunt-racing-4wd-main-frame {



    min-width: 0;



    width: 100%;



}



.stunt-racing-4wd-detail-layout .stunt-racing-4wd-main-frame {



    display: grid;



    min-height: 350px;



    padding: 18px;



    place-items: center;



    overflow: hidden;



    border: 1px solid #bfe8eb;



    border-radius: 18px;



    background: linear-gradient(145deg, #effdff, #fff);



}



.stunt-racing-4wd-detail-layout .stunt-racing-4wd-main-frame img {



    display: block;



    width: 100%;



    max-width: 100%;



    max-height: 520px;



    height: auto;



    object-fit: contain;



    object-position: center;



}



.stunt-racing-4wd-gallery-caption {



    margin: 10px 4px 0;



    color: #087f91;



    font-size: .82rem;



    font-weight: 700;



    text-align: center;



}



.stunt-racing-4wd-detail-layout .detail-features {



    display: grid;



    gap: 8px;



    padding-left: 0;



}



.stunt-racing-4wd-detail-layout .detail-features li {



    padding: 10px 13px;



    border: 1px solid #d6edf0;



    border-radius: 12px;



    background: #f7fdfe;



}



.stunt-racing-4wd-detail-layout .stunt-racing-4wd-buy-panel {



    display: grid;



    gap: 14px;



    margin-top: 16px;



    padding: 16px;



    border: 1px solid #c5e8ed;



    border-radius: 16px;



    background: #f1fbfd;



}



.stunt-racing-4wd-detail-layout .stunt-racing-4wd-quantity-line {



    display: flex;



    align-items: center;



    justify-content: space-between;



    gap: 12px;



    color: #185468;



    font-weight: 700;



}



.stunt-racing-4wd-detail-layout .stunt-racing-4wd-stepper {



    display: flex;



    align-items: center;



    gap: 12px;



    padding: 5px 9px;



    border: 1px solid #b6dfe5;



    border-radius: 999px;



    background: #fff;



}



.stunt-racing-4wd-detail-layout .stunt-racing-4wd-stepper button {



    width: 32px;



    height: 32px;



    border: 0;



    border-radius: 50%;



    background: #d9f6f7;



    color: #087d8b;



    font-size: 1.1rem;



    font-weight: 800;



    cursor: pointer;



}



.stunt-racing-4wd-detail-layout .stunt-racing-4wd-stepper output {



    min-width: 18px;



    text-align: center;



    color: #174457;



    font-weight: 800;



}



.stunt-racing-4wd-detail-layout .stunt-racing-4wd-purchase-buttons {



    display: grid;



    grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);



    gap: 10px;



}



.stunt-racing-4wd-detail-layout .stunt-racing-4wd-add-button,



.stunt-racing-4wd-detail-layout .stunt-racing-4wd-favorite-button {



    display: inline-flex;



    align-items: center;



    justify-content: center;



    gap: 8px;



    min-height: 46px;



    padding: 11px 14px;



    border-radius: 999px;



    font-weight: 800;



    cursor: pointer;



}



.stunt-racing-4wd-detail-layout .stunt-racing-4wd-add-button {



    border: 1px solid #007b93;



    background: linear-gradient(135deg, #19c2cb, #087da9);



    color: #fff;



    box-shadow: 0 7px 17px rgba(8, 125, 169, .16);



}



.stunt-racing-4wd-detail-layout .stunt-racing-4wd-favorite-button {



    border: 1px solid #b6dfe5;



    background: #fff;



    color: #185a70;



}



.stunt-racing-4wd-detail-layout .stunt-racing-4wd-favorite-button.is-favorite {



    border-color: #73cbd1;



    background: #e3fafa;



    color: #087d8b;



}



.stunt-racing-4wd-detail-layout .stunt-racing-4wd-action-message {



    min-height: 1.3em;



    margin: 0;



    color: #386875;



    font-size: .78rem;



    line-height: 1.4;



}



@media (max-width: 900px) {



    .detail-layout.stunt-racing-4wd-detail-layout {



        grid-template-columns: minmax(0, 1fr);



        gap: 18px;



        padding: 16px;



    }



}



@media (max-width: 560px) {



    .detail-layout.stunt-racing-4wd-detail-layout {



        padding: 12px;



        gap: 14px;



    }



    .stunt-racing-4wd-detail-layout .stunt-racing-4wd-main-frame {



        min-height: 220px;



        padding: 10px;



    }



    .stunt-racing-4wd-detail-layout .stunt-racing-4wd-main-frame img {



        max-height: 360px;



    }



    .stunt-racing-4wd-detail-layout .stunt-racing-4wd-purchase-buttons {



        grid-template-columns: minmax(0, 1fr);



    }



}







/* DANGOGIFTS LCD PANEL FORMATO AJEDREZ V1 */







/* Contenedor general: dos columnas limpias y equilibradas */



.detail-layout.stunt-racing-4wd-detail-layout {



    display: grid;



    grid-template-columns: minmax(0, 1.02fr) minmax(0, .98fr);



    align-items: start;



    gap: 22px;



    padding: 18px;



    border: 1px solid #d9e9ec;



    border-radius: 20px;



    background: #fff;



}







/* Imagen principal */



.stunt-racing-4wd-detail-layout .stunt-racing-4wd-gallery-v1 {



    width: 100%;



    min-width: 0;



    align-self: start;



}



.stunt-racing-4wd-detail-layout .stunt-racing-4wd-main-frame {



    display: grid;



    width: 100%;



    min-width: 0;



    min-height: 320px;



    padding: 12px;



    place-items: center;



    overflow: hidden;



    border: 1px solid #dbe9eb;



    border-radius: 16px;



    background: #f7fbfc;



}



.stunt-racing-4wd-detail-layout .stunt-racing-4wd-main-frame img {



    display: block;



    width: 100%;



    max-width: 100%;



    max-height: 500px;



    height: auto;



    object-fit: contain;



    object-position: center;



}



.stunt-racing-4wd-detail-layout .stunt-racing-4wd-gallery-caption {



    margin: 10px 4px 0;



    color: #287989;



    font-size: .78rem;



    font-weight: 700;



    text-align: center;



}







/* Bloque de información a la derecha */



.stunt-racing-4wd-detail-layout .detail-copy {



    min-width: 0;



    width: 100%;



}



.stunt-racing-4wd-detail-layout .detail-copy h1 {



    margin-top: 0;



    line-height: 1.2;



}



.stunt-racing-4wd-detail-layout .detail-copy .detail-price {



    color: #142b40;



}







/* Características en tarjetas de dos columnas */



.stunt-racing-4wd-detail-layout .detail-features {



    display: grid;



    grid-template-columns: repeat(2, minmax(0, 1fr));



    gap: 8px;



    width: 100%;



    margin: 14px 0 18px;



    padding: 0;



    list-style: none;



}



.stunt-racing-4wd-detail-layout .detail-features li {



    position: relative;



    display: flex;



    align-items: center;



    min-width: 0;



    min-height: 46px;



    margin: 0;



    padding: 10px 10px 10px 33px;



    border: 1px solid #d7e9ed;



    border-radius: 12px;



    background: #f3fbfc;



    color: #23495b;



    font-size: .82rem;



    line-height: 1.35;



    overflow-wrap: anywhere;



}



.stunt-racing-4wd-detail-layout .detail-features li::before {



    content: "✓";



    position: absolute;



    left: 11px;



    top: 50%;



    display: grid;



    width: 16px;



    height: 16px;



    place-items: center;



    transform: translateY(-50%);



    border-radius: 50%;



    background: #d6f3f2;



    color: #087d8b;



    font-size: .7rem;



    font-weight: 900;



}



.stunt-racing-4wd-detail-layout .detail-features li:nth-child(4n + 2) {



    border-color: #dce2f6;



    background: #f5f6ff;



}



.stunt-racing-4wd-detail-layout .detail-features li:nth-child(4n + 2)::before {



    background: #e6e8ff;



    color: #545da8;



}



.stunt-racing-4wd-detail-layout .detail-features li:nth-child(4n + 3) {



    border-color: #deebdf;



    background: #f4faf4;



}



.stunt-racing-4wd-detail-layout .detail-features li:nth-child(4n + 3)::before {



    background: #e0f2df;



    color: #387a48;



}



.stunt-racing-4wd-detail-layout .detail-features li:nth-child(4n) {



    border-color: #f0e1d4;



    background: #fff9f3;



}



.stunt-racing-4wd-detail-layout .detail-features li:nth-child(4n)::before {



    background: #fcebdc;



    color: #9a613b;



}







/* Selector de cantidad */



.stunt-racing-4wd-detail-layout .stunt-racing-4wd-buy-panel {



    display: grid;



    gap: 10px;



    width: 100%;



    margin-top: 14px;



    padding: 0;



    border: 0;



    border-radius: 0;



    background: transparent;



}



.stunt-racing-4wd-detail-layout .stunt-racing-4wd-quantity-line {



    display: flex;



    align-items: center;



    justify-content: space-between;



    gap: 12px;



    color: #142b40;



    font-size: .85rem;



    font-weight: 800;



}



.stunt-racing-4wd-detail-layout .stunt-racing-4wd-stepper {



    display: inline-flex;



    align-items: center;



    gap: 0;



    padding: 0;



    border: 1px solid #d7e0eb;



    border-radius: 11px;



    background: #fff;



    overflow: hidden;



}



.stunt-racing-4wd-detail-layout .stunt-racing-4wd-stepper button {



    display: grid;



    width: 34px;



    height: 32px;



    place-items: center;



    border: 0;



    border-radius: 0;



    background: #f3f6fa;



    color: #142b40;



    font-size: 1rem;



    font-weight: 800;



    cursor: pointer;



}



.stunt-racing-4wd-detail-layout .stunt-racing-4wd-stepper output {



    display: grid;



    min-width: 35px;



    height: 32px;



    place-items: center;



    color: #142b40;



    font-size: .85rem;



    font-weight: 800;



}







/* Botones de compra como en Ajedrez de madera */



.stunt-racing-4wd-detail-layout .stunt-racing-4wd-purchase-buttons {



    display: grid;



    grid-template-columns: repeat(2, minmax(0, 1fr));



    gap: 8px;



    width: 100%;



}



.stunt-racing-4wd-detail-layout .stunt-racing-4wd-add-button,



.stunt-racing-4wd-detail-layout .stunt-racing-4wd-favorite-button {



    display: inline-flex;



    align-items: center;



    justify-content: center;



    gap: 7px;



    width: 100%;



    min-width: 0;



    min-height: 44px;



    padding: 10px 12px;



    border-radius: 999px;



    font-size: .78rem;



    font-weight: 800;



    line-height: 1.3;



    text-align: center;



    cursor: pointer;



}



.stunt-racing-4wd-detail-layout .stunt-racing-4wd-add-button {



    border: 1px solid #142b40;



    background: #142b40;



    color: #fff;



    box-shadow: none;



}



.stunt-racing-4wd-detail-layout .stunt-racing-4wd-add-button:hover {



    background: #203f59;



}



.stunt-racing-4wd-detail-layout .stunt-racing-4wd-favorite-button {



    border: 1px solid #d2deeb;



    background: #fff;



    color: #142b40;



}



.stunt-racing-4wd-detail-layout .stunt-racing-4wd-favorite-button:hover,



.stunt-racing-4wd-detail-layout .stunt-racing-4wd-favorite-button.is-favorite {



    border-color: #8ccbd2;



    background: #effbfc;



    color: #087d8b;



}



.stunt-racing-4wd-detail-layout .stunt-racing-4wd-action-message {



    min-height: 1.2em;



    margin: 0;



    color: #386875;



    font-size: .76rem;



    line-height: 1.4;



}







/* El recuadro de video ficticio nunca debe aparecer en esta ficha */



.stunt-racing-4wd-detail-layout .detail-video-placeholder {



    display: none !important;



}







/* Distribución adaptable a pantallas pequeñas */



@media (max-width: 900px) {



    .detail-layout.stunt-racing-4wd-detail-layout {



        grid-template-columns: minmax(0, 1fr);



        gap: 18px;



        padding: 16px;



    }



    .stunt-racing-4wd-detail-layout .stunt-racing-4wd-main-frame {



        min-height: 260px;



    }



}



@media (max-width: 560px) {



    .detail-layout.stunt-racing-4wd-detail-layout {



        gap: 14px;



        padding: 12px;



        border-radius: 16px;



    }



    .stunt-racing-4wd-detail-layout .stunt-racing-4wd-main-frame {



        min-height: 210px;



        padding: 8px;



    }



    .stunt-racing-4wd-detail-layout .stunt-racing-4wd-main-frame img {



        max-height: 360px;



    }



    .stunt-racing-4wd-detail-layout .detail-features {



        grid-template-columns: minmax(0, 1fr);



    }



    .stunt-racing-4wd-detail-layout .stunt-racing-4wd-purchase-buttons {



        grid-template-columns: minmax(0, 1fr);



    }



}







/* DANGOGIFTS BANG BINGO FORMATO AJEDREZ V1 */


/* DANGOGIFTS STUNT RACING 4WD - CARACTERISTICAS */
.detail-layout.stunt-racing-4wd-detail-layout .detail-copy .detail-features {
    display: block !important;
    width: 100%;
    grid-column: 1 / -1;
}

.detail-layout.stunt-racing-4wd-detail-layout .detail-copy .detail-features > h3 {
    display: block;
    width: 100%;
    margin: 0 0 12px;
}

.detail-layout.stunt-racing-4wd-detail-layout .detail-copy .detail-features > ul {
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    width: 100%;
    gap: 10px;
    list-style: none;
    padding: 0;
    margin: 0;
}

.detail-layout.stunt-racing-4wd-detail-layout .detail-copy .detail-features > ul > li {
    display: flex;
    align-items: center;
    min-width: 0;
    min-height: 48px;
    padding: 10px 13px;
    border: 1px solid #e1e7ef;
    border-radius: 12px;
    background: #fbfcfe;
    line-height: 1.45;
}

@media (max-width: 560px) {
    .detail-layout.stunt-racing-4wd-detail-layout .detail-copy .detail-features > ul {
        grid-template-columns: minmax(0, 1fr);
        gap: 8px;
    }

    .detail-layout.stunt-racing-4wd-detail-layout .detail-copy .detail-features > ul > li {
        min-height: 44px;
    }
}


/* DANGOGIFTS STUNT RACING 4WD FIX V2 */
.detail-layout.stunt-racing-4wd-detail-layout .detail-copy .detail-features > ul > li {
    position: relative;
    padding-left: 38px !important;
}

.detail-layout.stunt-racing-4wd-detail-layout .detail-copy .detail-features > ul > li::before {
    left: 12px !important;
}

/* Botón de compra exclusivo para Hailey */
.hailey-add-button {
    background: #e83e83 !important;
    border-color: #e83e83 !important;
    color: #ffffff !important;
}

.hailey-add-button:hover {
    background: #cc2d70 !important;
    border-color: #cc2d70 !important;
}

/* HOME_CAROUSEL_PRODUCT_IMAGE_SCALE_V1 */
.home-page .toys-page .toys-feature-image img:not(.toys-frame-overlay) {
    transform: scale(0.40) !important;
    transform-origin: center center;
}

/* HOME_CAROUSEL_WOOD_FRAME_V1 */
.home-page .toys-page .toys-feature-image {
    position: relative !important;
}

.home-page .toys-page .toys-feature-image img.toys-frame-overlay {
    position: absolute !important;
    inset: 0 !important;
    display: block !important;
    width: 100% !important;
    height: 100% !important;
    max-width: none !important;
    margin: 0 !important;
    padding: 0 !important;
    object-fit: fill !important;
    border: 0 !important;
    border-radius: 0 !important;
    box-shadow: none !important;
    filter: none !important;
    transform: none !important;
    z-index: 20 !important;
    pointer-events: none !important;
}

/* HEADER_LIMPIO_SIN_NAVIDAD_V1 */
/* Encabezado limpio: conserva logo, nombre y controles. */
body.juguetes-navidad-header .header-main {
    background-image: none !important;
    background-color: #fffaf3 !important;
}

/* HOME_OCULTAR_BARRA_CATEGORIAS_V1 */
/* La barra de categorías desaparece solo en la página de inicio. */
body:has(.home-page) .category-nav {
    display: none !important;
}

/* HOME_REDUCIR_ESPACIO_VERTICAL_V1 */
/* Compactar verticalmente la portada. */
.home-page .toys-page {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
}

.home-page .service-strip {
    margin-top: 0 !important;
}

/* HOME_CENTRAR_PRODUCTOS_CARRUSEL_V1 */
.home-page .toys-page .toys-feature-image {
    justify-self: center !important;
    align-self: center !important;
    margin-right: 0 !important;
    transform: none !important;
}

.home-page .toys-page .toys-feature-image img:not(.toys-frame-overlay) {
    transform: translateY(-45px) scale(0.60) !important;
    transform-origin: center center !important;
    object-position: center center !important;
}

/* ============================================================
   DANGO GIFTS - PÁGINA TECNOLOGÍA Y CREATIVIDAD
   DANGO_TECHNOLOGY_CATEGORY_PAGE_V1
   ============================================================ */

.catalog-heading--technology .eyebrow {
    color: #238d87;
}

.catalog-heading--technology h1 {
    max-width: 760px;
}

.technology-banner {
    display: grid;
    grid-template-columns: minmax(0, 1.35fr) minmax(220px, .65fr);
    align-items: center;
    gap: 28px;
    margin: 12px 0 30px;
    padding: clamp(25px, 4vw, 42px);
    overflow: hidden;
    border: 1px solid #dce9f2;
    border-radius: 28px;
    background: linear-gradient(115deg, #eef7ff 0%, #f5faff 57%, #effaf5 100%);
    box-shadow: 0 12px 32px rgba(31, 69, 103, .055);
}

.technology-banner-copy {
    max-width: 650px;
}

.technology-banner-kicker,
.technology-product-kicker {
    display: inline-block;
    margin-bottom: 12px;
    color: #268c86;
    font-size: .72rem;
    font-weight: 850;
    letter-spacing: .14em;
}

.technology-banner-copy h2 {
    margin: 0 0 12px;
    color: #17324d;
    font-size: clamp(1.65rem, 3vw, 2.35rem);
    font-weight: 850;
    letter-spacing: -.045em;
    line-height: 1.12;
}

.technology-banner-copy p {
    max-width: 560px;
    margin: 0;
    color: #63778b;
    font-size: .98rem;
    line-height: 1.75;
}

.technology-banner-art {
    position: relative;
    display: flex;
    min-height: 165px;
    align-items: center;
    justify-content: center;
    overflow: hidden;
    border: 1px solid rgba(255, 255, 255, .9);
    border-radius: 25px;
    background: radial-gradient(circle at 50% 42%, #ffffff 0%, #e2f1fb 72%, #d9eee8 100%);
}

.technology-banner-symbol {
    position: relative;
    z-index: 2;
    display: grid;
    width: 86px;
    height: 86px;
    place-items: center;
    border: 1px solid #d6e9ed;
    border-radius: 27px;
    background: rgba(255, 255, 255, .9);
    box-shadow: 0 12px 28px rgba(37, 88, 119, .12);
    color: #277f86;
    font-size: 3rem;
    transform: rotate(-8deg);
}

.technology-banner-orbit {
    position: absolute;
    border: 1px solid rgba(62, 143, 151, .22);
    border-radius: 50%;
}

.technology-banner-orbit--one {
    width: 190px;
    height: 190px;
}

.technology-banner-orbit--two {
    width: 245px;
    height: 245px;
}

.technology-banner-label {
    position: absolute;
    right: 13px;
    bottom: 12px;
    color: #527d86;
    font-size: .61rem;
    font-weight: 850;
    letter-spacing: .12em;
}

.technology-products {
    display: grid;
    grid-template-columns: minmax(0, 1fr);
    gap: 20px;
}

.technology-product-card {
    display: grid;
    grid-template-columns: minmax(0, .95fr) minmax(0, 1.05fr);
    align-items: center;
    gap: clamp(25px, 4vw, 55px);
    padding: clamp(18px, 3vw, 30px);
    border: 1px solid #e3eaf0;
    border-radius: 28px;
    background: #fff;
    box-shadow: 0 12px 35px rgba(20, 48, 71, .065);
    transition: box-shadow .25s ease, transform .25s ease;
}

.technology-product-card:hover {
    transform: translateY(-3px);
    box-shadow: 0 18px 42px rgba(20, 48, 71, .1);
}

.technology-product-visual {
    position: relative;
    display: flex;
    min-height: 350px;
    align-items: center;
    justify-content: center;
    overflow: hidden;
    border: 1px solid #e8eff3;
    border-radius: 22px;
    background: radial-gradient(circle at 50% 43%, #ffffff 0%, #f5f9fc 65%, #eaf3f5 100%);
}

.technology-product-visual img {
    position: relative;
    z-index: 1;
    display: block;
    width: 100%;
    max-height: 390px;
    padding: 24px;
    object-fit: contain;
    transition: transform .3s ease;
}

.technology-product-card:hover .technology-product-visual img {
    transform: scale(1.035);
}

.technology-product-badge {
    position: absolute;
    z-index: 2;
    top: 17px;
    left: 17px;
    padding: 8px 12px;
    border: 1px solid #d6ece8;
    border-radius: 999px;
    background: rgba(255, 255, 255, .94);
    color: #287f79;
    font-size: .65rem;
    font-weight: 850;
    letter-spacing: .09em;
}

.technology-product-info {
    min-width: 0;
    padding: 8px 8px 8px 0;
}

.technology-product-kicker {
    margin-bottom: 10px;
}

.technology-product-info h3 {
    margin: 0 0 15px;
    color: #18334e;
    font-size: clamp(1.55rem, 2.6vw, 2.15rem);
    font-weight: 850;
    letter-spacing: -.04em;
    line-height: 1.17;
}

.technology-product-description {
    margin: 0;
    color: #65788b;
    font-size: .94rem;
    line-height: 1.8;
}

.technology-product-features {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 9px;
    margin-top: 24px;
}

.technology-product-features > div {
    display: flex;
    min-height: 76px;
    flex-direction: column;
    align-items: flex-start;
    justify-content: center;
    gap: 5px;
    padding: 12px;
    border: 1px solid #e0eeec;
    border-radius: 15px;
    background: #f4faf8;
}

.technology-product-features strong {
    color: #267f79;
    font-size: .9rem;
    font-weight: 850;
}

.technology-product-features span {
    color: #71838d;
    font-size: .72rem;
    line-height: 1.3;
}

.technology-product-footer {
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap;
    gap: 16px;
    margin-top: 28px;
    padding-top: 20px;
    border-top: 1px solid #edf0f2;
}

.technology-product-price {
    display: flex;
    flex-direction: column;
    gap: 4px;
}

.technology-product-price span {
    color: #8a99a5;
    font-size: .66rem;
    font-weight: 850;
    letter-spacing: .12em;
}

.technology-product-price strong {
    color: #18334e;
    font-size: 1.7rem;
    font-weight: 900;
    letter-spacing: -.04em;
}

.technology-product-cta {
    display: inline-flex;
    min-height: 47px;
    align-items: center;
    justify-content: center;
    gap: 16px;
    padding: 0 19px;
    border-radius: 999px;
    background: #18334e;
    color: #fff;
    font-size: .84rem;
    font-weight: 800;
    text-decoration: none;
    transition: background .2s ease, transform .2s ease;
}

.technology-product-cta:hover {
    transform: translateY(-2px);
    background: #267f79;
    color: #fff;
}

.technology-product-cta span {
    font-size: 1.1rem;
}

@media (max-width: 760px) {
    .technology-banner {
        grid-template-columns: minmax(0, 1fr);
        gap: 20px;
    }

    .technology-banner-art {
        min-height: 135px;
    }

    .technology-product-card {
        grid-template-columns: minmax(0, 1fr);
        gap: 22px;
    }

    .technology-product-visual {
        min-height: 270px;
    }

    .technology-product-visual img {
        max-height: 310px;
    }

    .technology-product-info {
        padding: 0;
    }
}

@media (max-width: 480px) {
    .technology-product-card {
        padding: 13px;
        border-radius: 21px;
    }

    .technology-product-visual {
        min-height: 235px;
    }

    .technology-product-features {
        gap: 6px;
    }

    .technology-product-features > div {
        min-height: 70px;
        padding: 9px 7px;
    }

    .technology-product-features strong {
        font-size: .78rem;
    }

    .technology-product-features span {
        font-size: .66rem;
    }

    .technology-product-footer {
        align-items: stretch;
        flex-direction: column;
    }

    .technology-product-cta {
        width: 100%;
    }
}

/* FIN DANGO_TECHNOLOGY_CATEGORY_PAGE_V1 */

/* ============================================================
   DANGO GIFTS - COMPACTAR ESPACIOS DE TECNOLOGÍA
   DANGO_TECHNOLOGY_COMPACT_SPACING_V1
   ============================================================ */

/* Subir el contenido de la página */
.catalog-page--technology {
    padding-top: 14px !important;
}

/* Acercar las migas de navegación al encabezado */
.catalog-page--technology .breadcrumbs {
    margin-top: 0 !important;
    margin-bottom: 7px !important;
}

/* Compactar el encabezado completo */
.catalog-page--technology .catalog-heading--technology {
    margin-top: 0 !important;
    margin-bottom: 12px !important;
}

/* Eyebrow */
.catalog-page--technology .catalog-heading--technology .eyebrow {
    display: block;
    margin: 0 0 4px !important;
    line-height: 1.15 !important;
}

/* Título */
.catalog-page--technology .catalog-heading--technology h1 {
    margin: 0 0 4px !important;
    line-height: 1.06 !important;
}

/* Descripción */
.catalog-page--technology .catalog-heading--technology p {
    margin: 0 !important;
    line-height: 1.35 !important;
}

/* Buscador: eliminar separación excesiva */
.catalog-page--technology .catalog-search {
    margin: 12px 0 12px !important;
}

/* Banner: acercarlo al buscador */
.catalog-page--technology .technology-banner {
    margin-top: 8px !important;
}

/* Resultados sin separación adicional */
.catalog-page--technology .catalog-results-heading {
    margin-top: 0 !important;
}

/* FIN DANGO_TECHNOLOGY_COMPACT_SPACING_V1 */

/* DANGO GIFTS - NAVIDAD MOVIL V1 */
@media (max-width: 760px) {
    .toys-page .toys-feature-carousel::before {
        background-image: url("/static/images/dango_navidad_guirnalda_v4.svg") !important;
        background-position: center top !important;
        background-size: 100% 100% !important;
        background-repeat: no-repeat !important;
        inset: 0 0 auto 0 !important;
        height: 76px !important;
        z-index: 2 !important;
    }

    .toys-page .toys-feature-carousel::after {
        content: "" !important;
        display: block !important;
        position: absolute !important;
        inset: auto 0 0 0 !important;
        width: 100% !important;
        height: 55px !important;
        background-image: url("/static/images/dango_navidad_nieve_v4.svg") !important;
        background-position: center bottom !important;
        background-size: 100% 100% !important;
        background-repeat: no-repeat !important;
        z-index: 2 !important;
        pointer-events: none !important;
    }
}
/* FIN DANGO GIFTS - NAVIDAD MOVIL V1 */

/* DANGO GIFTS - CORREGIR DECORACION SUPERIOR EN MOVIL V2 */
@media (max-width: 760px) {
    .toys-page .toys-feature-carousel::before {
        content: none !important;
        display: none !important;
        background-image: none !important;
    }
}
/* FIN CORRECCION MOVIL V2 */

/* DANGO GIFTS - NAVIDAD MOVIL V3 */
@media (max-width: 760px) {
    .toys-page .toys-feature-carousel {
        background-image:
            url("/static/images/dango_navidad_regalos_v4.svg"),
            url("/static/images/dango_navidad_santa_v4.svg") !important;
        background-position:
            left 10px bottom 48px,
            right 10px bottom 48px;
        background-size:
            112px auto,
            76px auto;
        background-repeat: no-repeat;
    }

    .toys-page .toys-feature-carousel::before {
        content: "" !important;
        display: block !important;
        background-image: url("/static/images/dango_navidad_guirnalda_v4.svg") !important;
        background-position: center top !important;
        background-size: 100% 100% !important;
        background-repeat: no-repeat !important;
        inset: 0 0 auto 0 !important;
        height: 76px !important;
        z-index: 6 !important;
        pointer-events: none !important;
    }

    .toys-page .toys-feature-carousel::after {
        content: "" !important;
        display: block !important;
        position: absolute !important;
        inset: auto 0 0 0 !important;
        width: 100% !important;
        height: 55px !important;
        background-image: url("/static/images/dango_navidad_nieve_v4.svg") !important;
        background-position: center bottom !important;
        background-size: 100% 100% !important;
        background-repeat: no-repeat !important;
        z-index: 6 !important;
        pointer-events: none !important;
    }
}
/* FIN DANGO GIFTS - NAVIDAD MOVIL V3 */

/* DANGO GIFTS - SANTA Y REGALOS MOVIL V1 */
@media (max-width: 760px) {
    .toys-page .toys-feature-carousel {
        background-image: url("/static/images/dango_navidad_regalos_movil_v2.png") !important;
        background-position: center bottom 42px !important;
        background-size: min(94%, 360px) auto !important;
        background-repeat: no-repeat !important;
    }
}
/* FIN SANTA Y REGALOS MOVIL V1 */


/* DANGO GIFTS - NAVIDAD MOVIL V4 */
@media (max-width: 760px) {
    .toys-page .toys-feature-carousel {
        background-image: url("/static/images/dango_navidad_regalos_movil_v2.png") !important;
        background-position: center bottom 42px !important;
        background-size: min(94%, 360px) auto !important;
        background-repeat: no-repeat !important;
    }

    .toys-page .toys-feature-carousel::before {
        content: none !important;
        display: none !important;
        background-image: none !important;
    }
}
/* FIN DANGO GIFTS - NAVIDAD MOVIL V4 */


/* DANGO GIFTS - SUBIR SANTA EN MOVIL V1 */
@media (max-width: 760px) {
    .toys-page .toys-feature-carousel {
        background-position: center bottom 0px !important;
    }
}
/* FIN SUBIR SANTA EN MOVIL V1 */

/* DANGO_NAVIDAD_INTEGRACION_PRODUCTO_MOVIL_V1 */
@media (max-width: 760px) {
    .home-page .toys-page .toys-feature-image {
        width: min(88%, 360px) !important;
        height: clamp(190px, 56vw, 235px) !important;
        max-width: 360px !important;
        margin: 8px auto 12px !important;
        padding: 0 !important;
        background: transparent !important;
        border: 0 !important;
        border-radius: 0 !important;
        box-shadow: none !important;
        overflow: visible !important;
    }

    .home-page .toys-page .toys-feature-image img:not(.toys-frame-overlay) {
        display: block !important;
        width: 100% !important;
        height: 100% !important;
        max-width: 100% !important;
        max-height: 100% !important;
        margin: 0 auto !important;
        padding: 0 !important;
        object-fit: contain !important;
        object-position: center center !important;
        transform: scale(0.82) !important;
        transform-origin: center center !important;
        border: 0 !important;
        border-radius: 0 !important;
        box-shadow: none !important;
    }
}
/* FIN DANGO_NAVIDAD_INTEGRACION_PRODUCTO_MOVIL_V1 */

/* DANGO_NAVIDAD_INTEGRAR_FOTOGRAFIA_MOVIL_V1 */
@media (max-width: 760px) {
    .home-page .toys-page .toys-feature-image img:not(.toys-frame-overlay) {
        mix-blend-mode: multiply !important;
        transform: translateY(-12px) scale(0.74) !important;
    }
}
/* FIN DANGO_NAVIDAD_INTEGRAR_FOTOGRAFIA_MOVIL_V1 */

/* DANGO GIFTS - SANTA 3D MOVIL V1 */
.dango-santa-mobile {
    display: none !important;
}

@media (max-width: 760px) {
    .home-page .toys-page .toys-feature-carousel {
        position: relative !important;
    }

    .home-page .toys-page .dango-santa-mobile {
        display: block !important;
        position: absolute !important;
        width: clamp(118px, 35vw, 165px) !important;
        height: auto !important;
        right: 2px !important;
        bottom: 58px !important;
        z-index: 5 !important;
        object-fit: contain !important;
        pointer-events: none !important;
    }
}
/* FIN DANGO GIFTS - SANTA 3D MOVIL V1 */

/* DANGO GIFTS - ELEVAR SANTA 3D EN MOVIL V2 */
@media (max-width: 760px) {
    .home-page .toys-page .dango-santa-mobile {
        bottom: 58px !important;
    }
}
/* FIN ELEVAR SANTA 3D EN MOVIL V2 */



/* DANGO GIFTS - MOVER BOTON VER PRODUCTO EN MOVIL V1 */
@media (max-width: 760px) {
    .home-page .toys-page .toys-feature-button {
        transform: translate(120px, -80px) !important;
    }
}
/* FIN MOVER BOTON VER PRODUCTO EN MOVIL V1 */


/* DANGO GIFTS - CORREGIR POSICION BOTON MOVIL V2 */
@media (max-width: 760px) {
    .home-page .toys-page .toys-feature-button {
        transform: translate(190px, -80px) !important;
    }
}
/* FIN CORREGIR POSICION BOTON MOVIL V2 */


/* DANGO GIFTS - ALINEAR PRECIO Y BOTON MOVIL V3 */
@media (max-width: 760px) {
    .home-page .toys-page .toys-feature-button {
        transform: translate(190px, -76px) !important;
    }
}
/* FIN ALINEAR PRECIO Y BOTON MOVIL V3 */

/* DANGO GIFTS - IGUALAR TAMANO PRECIO Y BOTON MOVIL V1 */
@media (max-width: 760px) {
    .home-page .toys-page .toys-feature-button {
        width: 269px !important;
        min-width: 269px !important;
        max-width: 269px !important;
        height: 76px !important;
        min-height: 76px !important;
        max-height: 76px !important;
        padding: 0 !important;
        box-sizing: border-box !important;
        display: flex !important;
        align-items: center !important;
        justify-content: center !important;
        transform: translate(190px, -76px) !important;
    }
}
/* FIN IGUALAR TAMANO PRECIO Y BOTON MOVIL V1 */


/* DANGO GIFTS - BAJAR BOTON MOVIL V1 */
@media (max-width: 760px) {
    .home-page .toys-page .toys-feature-button {
        transform: translate(190px, -26px) !important;
    }
}
/* FIN BAJAR BOTON MOVIL V1 */



/* DANGO GIFTS - BOTON MOVIL BAJO CONTROLES V1 */
.toys-page .toys-feature-button-mobile {
    display: none !important;
}

@media (max-width: 760px) {
    .home-page .toys-page .toys-feature-copy .toys-feature-button {
        display: none !important;
        transform: none !important;
    }

    .home-page .toys-page .toys-feature-slide {
        min-height: 380px !important;
        padding-top: 4px !important;
        padding-bottom: 0 !important;
    }

    .home-page .toys-page .toys-feature-copy {
        padding: 4px 10px 2px !important;
    }

    .home-page .toys-page .toys-feature-image {
        height: clamp(180px, 50vw, 210px) !important;
        margin: 2px auto 4px !important;
    }

    .home-page .toys-page .toys-feature-controls {
        margin-top: 0 !important;
        margin-bottom: 2px !important;
        padding-bottom: 0 !important;
    }

    .home-page .toys-page .toys-feature-button-mobile {
        display: flex !important;
        position: relative !important;
        z-index: 12 !important;
        width: min(269px, calc(100% - 32px)) !important;
        min-width: 0 !important;
        max-width: 269px !important;
        height: 76px !important;
        min-height: 76px !important;
        max-height: 76px !important;
        margin: 8px auto 12px !important;
        padding: 0 !important;
        box-sizing: border-box !important;
        align-items: center !important;
        justify-content: center !important;
        transform: none !important;
    }

    .home-page .toys-page .dango-santa-mobile {
        bottom: 104px !important;
    }
}
/* FIN DANGO GIFTS - BOTON MOVIL BAJO CONTROLES V1 */

/* DANGO GIFTS - SUBIR PRODUCTO Y SANTA EN MOVIL V1 */
@media (max-width: 760px) {
    .home-page .toys-page .toys-feature-image {
        transform: translateY(-65px) !important;
    }

    .home-page .toys-page .dango-santa-mobile {
        transform: translateY(-65px) !important;
    }
}
/* FIN SUBIR PRODUCTO Y SANTA EN MOVIL V1 */

/* DANGO GIFTS - CHIMENEA NAVIDENA MOVIL V1 */
@media (max-width: 760px) {
    .home-page .toys-page .toys-feature-carousel {
        background-image:
            url("/static/images/chimenea.png"),
            url("/static/images/dango_navidad_regalos_movil_v2.png") !important;

        background-position:
            right 5px bottom 34px,
            center bottom 0px !important;

        background-size:
            min(48%, 190px) auto,
            min(94%, 360px) auto !important;

        background-repeat: no-repeat, no-repeat !important;
    }
}
/* FIN DANGO GIFTS - CHIMENEA NAVIDENA MOVIL V1 */

/* DANGO GIFTS - CHIMENEA NAVIDENA MOVIL V2 */
@media (max-width: 760px) {
    .home-page .toys-page .toys-feature-carousel {
        background-position:
            right 0px bottom 130px,
            center bottom 0px !important;

        background-size:
            min(82%, 330px) auto,
            min(94%, 360px) auto !important;
    }
}
/* FIN DANGO GIFTS - CHIMENEA NAVIDENA MOVIL V2 */

/* DANGO GIFTS - CAPAS NAVIDENAS MOVIL V3 */
@media (max-width: 760px) {
    .home-page .toys-page .toys-feature-carousel {
        background-image: url("/static/images/dango_navidad_regalos_movil_v2.png") !important;
        background-position: center bottom 0px !important;
        background-size: min(94%, 360px) auto !important;
        background-repeat: no-repeat !important;
    }

    .home-page .toys-page .toys-feature-slides {
        position: relative !important;
        z-index: auto !important;
        isolation: auto !important;
    }

    .home-page .toys-page .toys-feature-image {
        position: relative !important;
        z-index: 4 !important;
    }

    .home-page .toys-page .dango-chimenea-mobile {
        display: block !important;
        position: absolute !important;
        right: 0 !important;
        bottom: 130px !important;
        width: min(82%, 330px) !important;
        height: auto !important;
        z-index: 6 !important;
        object-fit: contain !important;
        pointer-events: none !important;
    }

    .home-page .toys-page .dango-santa-mobile {
        z-index: 14 !important;
    }

    .home-page .toys-page .toys-feature-controls {
        position: relative !important;
        z-index: 10 !important;
    }

    .home-page .toys-page .toys-feature-button-mobile {
        position: relative !important;
        z-index: 15 !important;
    }
}
/* FIN DANGO GIFTS - CAPAS NAVIDENAS MOVIL V3 */
/* DANGO GIFTS - AJUSTAR TEJADO MOVIL V4 */
@media (max-width: 760px) {
    .home-page .toys-page .dango-chimenea-mobile {
        width: min(65%, 260px) !important;
        bottom: 110px !important;
    }
}
/* FIN DANGO GIFTS - AJUSTAR TEJADO MOVIL V4 */

/* DANGO GIFTS - BOCA CHIMENEA MOVIL V5 */
@media (max-width: 760px) {
    .home-page .toys-page .dango-chimenea-mobile {
        width: min(34%, 130px) !important;
    }
}
/* FIN DANGO GIFTS - BOCA CHIMENEA MOVIL V5 */

/* DANGO GIFTS - CHIMENEA AL 400 POR CIENTO V6 */
@media (max-width: 760px) {
    .home-page .toys-page .dango-chimenea-mobile {
        width: min(136%, 520px) !important;
    }
}
/* FIN DANGO GIFTS - CHIMENEA AL 400 POR CIENTO V6 */

/* DANGO GIFTS - BAJAR CHIMENEA MOVIL V7 */
@media (max-width: 760px) {
    .home-page .toys-page .dango-chimenea-mobile {
        bottom: 80px !important;
    }
}
/* FIN DANGO GIFTS - BAJAR CHIMENEA MOVIL V7 */

/* DANGO GIFTS - BAJAR CHIMENEA MOVIL V8 */
@media (max-width: 760px) {
    .home-page .toys-page .dango-chimenea-mobile {
        bottom: 50px !important;
    }
}
/* FIN DANGO GIFTS - BAJAR CHIMENEA MOVIL V8 */

/* DANGO GIFTS - AGRANDAR CHIMENEA 100 POR CIENTO V9 */
@media (max-width: 760px) {
    .home-page .toys-page .dango-chimenea-mobile {
        width: min(272%, 1040px) !important;
    }
}
/* FIN DANGO GIFTS - AGRANDAR CHIMENEA 100 POR CIENTO V9 */

/* DANGO GIFTS - AGRANDAR CHIMENEA 200 POR CIENTO V10 */
@media (max-width: 760px) {
    .home-page .toys-page .dango-chimenea-mobile {
        width: min(816%, 3120px) !important;
    }
}
/* FIN DANGO GIFTS - AGRANDAR CHIMENEA 200 POR CIENTO V10 */

/* DANGO GIFTS - LIBERAR ANCHO CHIMENEA V11 */
@media (max-width: 760px) {
    .home-page .toys-page img.dango-chimenea-mobile {
        width: 3120px !important;
        max-width: none !important;
        max-height: none !important;
        height: auto !important;
    }
}
/* FIN DANGO GIFTS - LIBERAR ANCHO CHIMENEA V11 */

/* DANGO GIFTS - REDUCIR CHIMENEA A 1040 PX V12 */
@media (max-width: 760px) {
    .home-page .toys-page img.dango-chimenea-mobile {
        width: 1040px !important;
        max-width: none !important;
    }
}
/* FIN DANGO GIFTS - REDUCIR CHIMENEA A 1040 PX V12 */

/* DANGO GIFTS - REDUCIR CHIMENEA 20 POR CIENTO V13 */
@media (max-width: 760px) {
    .home-page .toys-page img.dango-chimenea-mobile {
        width: 832px !important;
        max-width: none !important;
    }
}
/* FIN DANGO GIFTS - REDUCIR CHIMENEA 20 POR CIENTO V13 */

/* DANGO GIFTS - POSICION CHIMENEA V14 */
@media (max-width: 760px) {
    .home-page .toys-page img.dango-chimenea-mobile {
        right: -18px !important;
        bottom: 35px !important;
    }
}
/* FIN DANGO GIFTS - POSICION CHIMENEA V14 */

/* DANGO GIFTS - BAJAR CHIMENEA MOVIL V15 */
@media (max-width: 760px) {
    .home-page .toys-page img.dango-chimenea-mobile {
        bottom: 10px !important;
    }
}
/* FIN DANGO GIFTS - BAJAR CHIMENEA MOVIL V15 */

/* DANGO GIFTS - BAJAR CHIMENEA MOVIL V16 */
@media (max-width: 760px) {
    .home-page .toys-page img.dango-chimenea-mobile {
        top: auto !important;
        bottom: -30px !important;
    }
}
/* FIN DANGO GIFTS - BAJAR CHIMENEA MOVIL V16 */

/* DANGO GIFTS - BAJAR CHIMENEA MOVIL V17 */
@media (max-width: 760px) {
    .home-page .toys-page img.dango-chimenea-mobile {
        bottom: -50px !important;
    }
}
/* FIN DANGO GIFTS - BAJAR CHIMENEA MOVIL V17 */

/* DANGO GIFTS - BAJAR CHIMENEA MOVIL V17 */
@media (max-width: 760px) {
    .home-page .toys-page img.dango-chimenea-mobile {
        bottom: -50px !important;
    }
}
/* FIN DANGO GIFTS - BAJAR CHIMENEA MOVIL V17 */

/* DANGO GIFTS - MOVER CHIMENEA DERECHA V18 */
@media (max-width: 760px) {
    .home-page .toys-page img.dango-chimenea-mobile {
        right: -48px !important;
    }
}
/* FIN DANGO GIFTS - MOVER CHIMENEA DERECHA V18 */

/* DANGO GIFTS - DERECHA 25 POR CIENTO V19 */
@media (max-width: 760px) {
    .home-page .toys-page img.dango-chimenea-mobile {
        right: -60px !important;
    }
}
/* FIN DANGO GIFTS - DERECHA 25 POR CIENTO V19 */

/* DANGO GIFTS - MOVER CHIMENEA DERECHA V20 */
@media (max-width: 760px) {
    .home-page .toys-page img.dango-chimenea-mobile {
        right: -90px !important;
    }
}
/* FIN DANGO GIFTS - MOVER CHIMENEA DERECHA V20 */

/* DANGO GIFTS - MOVER CHIMENEA DERECHA V21 */
@media (max-width: 760px) {
    .home-page .toys-page img.dango-chimenea-mobile {
        right: -180px !important;
    }
}
/* FIN DANGO GIFTS - MOVER CHIMENEA DERECHA V21 */

/* DANGO GIFTS - REDUCIR DESPLAZAMIENTO 20 PX V22 */
@media (max-width: 760px) {
    .home-page .toys-page img.dango-chimenea-mobile {
        right: -160px !important;
    }
}
/* FIN DANGO GIFTS - REDUCIR DESPLAZAMIENTO 20 PX V22 */

/* DANGO GIFTS - BAJAR CHIMENEA 20 PX V23 */
@media (max-width: 760px) {
    .home-page .toys-page img.dango-chimenea-mobile {
        bottom: -70px !important;
    }
}
/* FIN DANGO GIFTS - BAJAR CHIMENEA 20 PX V23 */

/* DANGO GIFTS - REDUCIR CHIMENEA 10 POR CIENTO V24 */
@media (max-width: 760px) {
    .home-page .toys-page img.dango-chimenea-mobile {
        width: 748.8px !important;
        max-width: none !important;
    }
}
/* FIN DANGO GIFTS - REDUCIR CHIMENEA 10 POR CIENTO V24 */

/* DANGO GIFTS - MOVER CHIMENEA IZQUIERDA 20 PX V25 */
@media (max-width: 760px) {
    .home-page .toys-page img.dango-chimenea-mobile {
        right: -140px !important;
    }
}
/* FIN DANGO GIFTS - MOVER CHIMENEA IZQUIERDA 20 PX V25 */

/* DANGO GIFTS - REDUCIR CHIMENEA 5 POR CIENTO V26 */
@media (max-width: 760px) {
    .home-page .toys-page img.dango-chimenea-mobile {
        width: 711.36px !important;
        max-width: none !important;
    }
}
/* FIN DANGO GIFTS - REDUCIR CHIMENEA 5 POR CIENTO V26 */

/* DANGO GIFTS - MOVER CHIMENEA IZQUIERDA 20 PX V27 */
@media (max-width: 760px) {
    .home-page .toys-page img.dango-chimenea-mobile {
        right: -120px !important;
    }
}
/* FIN DANGO GIFTS - MOVER CHIMENEA IZQUIERDA 20 PX V27 */

/* DANGO GIFTS - AJUSTE HORIZONTAL CHIMENEA V28 */
@media (max-width: 760px) {
    .home-page .toys-page img.dango-chimenea-mobile {
        right: -114px !important;
    }
}
/* FIN AJUSTE HORIZONTAL CHIMENEA V28 */

/* DANGO GIFTS - SUBIR CHIMENEA 10 PX V29 */
@media (max-width: 760px) {
    .home-page .toys-page img.dango-chimenea-mobile {
        bottom: -60px !important;
    }
}
/* FIN DANGO GIFTS - SUBIR CHIMENEA 10 PX V29 */

/* DANGO GIFTS - BAJAR CHIMENEA 2 PX V30 */
@media (max-width: 760px) {
    .home-page .toys-page img.dango-chimenea-mobile {
        bottom: -62px !important;
    }
}
/* FIN DANGO GIFTS - BAJAR CHIMENEA 2 PX V30 */

/* DANGO GIFTS - BAJAR CHIMENEA 1 PX V31 */
@media (max-width: 760px) {
    .home-page .toys-page img.dango-chimenea-mobile {
        bottom: -63px !important;
    }
}
/* FIN DANGO GIFTS - BAJAR CHIMENEA 1 PX V31 */

/* DANGO GIFTS - COMPACTAR ESPACIO HEADER MOVIL V1 */
@media (max-width: 760px) {
    body.juguetes-navidad-header .header-main-inner {
        row-gap: 6px !important;
        padding-bottom: 4px !important;
    }
}
/* FIN DANGO GIFTS - COMPACTAR ESPACIO HEADER MOVIL V1 */

/* DANGO GIFTS - CORREGIR TEXTOS NAVIDENOS V1 */
.home-page .toys-page .toys-feature-copy::before {
    content: "\1F384\00A0\00A1La magia de la Navidad en tus regalos!" !important;
}

.home-page .toys-page .toys-feature-price::after {
    content: "\2744" !important;
}
/* FIN DANGO GIFTS - CORREGIR TEXTOS NAVIDENOS V1 */

/* DANGO GIFTS - OCULTAR CHIMENEA INDEPENDIENTE EN ESCRITORIO V1 */
@media (min-width: 761px) {
    .home-page .toys-page .dango-chimenea-mobile {
        display: none !important;
    }
}
/* FIN DANGO GIFTS - OCULTAR CHIMENEA INDEPENDIENTE EN ESCRITORIO V1 */

/* DANGO GIFTS - FICHA MOVIL UNIFICADA V1 */
@media (max-width: 760px) {

    /* TARJETA PRINCIPAL */
    .detail-layout[class] {
        display: grid !important;
        grid-template-columns: minmax(0, 1fr) !important;
        align-items: start !important;
        gap: 14px !important;
        width: 100% !important;
        padding: 12px !important;
        box-sizing: border-box !important;
    }

    /* GALERIA PRINCIPAL */
    .detail-layout[class] > [class*="gallery"],
    .detail-layout[class] > .detail-image {
        display: flex !important;
        flex-direction: column !important;
        align-items: stretch !important;
        gap: 10px !important;
        width: 100% !important;
        min-width: 0 !important;
        grid-column: 1 / -1 !important;
        order: 1 !important;
        box-sizing: border-box !important;
    }

    /* IMAGEN PRINCIPAL ANTES DE LAS MINIATURAS */
    .detail-layout[class] [class*="main-image"],
    .detail-layout[class] [class*="main-media"],
    .detail-layout[class] [class*="main-frame"],
    .detail-layout[class] [class*="gallery-main"] {
        order: 1 !important;
        width: 100% !important;
        min-width: 0 !important;
        min-height: 245px !important;
        max-width: 100% !important;
        box-sizing: border-box !important;
    }

    .detail-layout[class] > .detail-image:not([class*="gallery"]) {
        min-height: 245px !important;
    }

    /* IMAGENES Y VIDEOS */
    .detail-layout[class] > .detail-image:not([class*="gallery"]) img,
    .detail-layout[class] [class*="main-image"] img,
    .detail-layout[class] [class*="main-media"] img,
    .detail-layout[class] [class*="main-frame"] img,
    .detail-layout[class] [class*="gallery-main"] img,
    .detail-layout[class] [class*="main-media"] video,
    .detail-layout[class] [class*="main-frame"] video {
        display: block !important;
        max-width: 100% !important;
        max-height: 330px !important;
        object-fit: contain !important;
        margin-left: auto !important;
        margin-right: auto !important;
    }

    /* MINIATURAS HORIZONTALES */
    .detail-layout[class] [class*="thumbs"] {
        order: 2 !important;
        display: flex !important;
        flex-direction: row !important;
        flex-wrap: nowrap !important;
        align-items: stretch !important;
        gap: 8px !important;
        width: 100% !important;
        overflow-x: auto !important;
        overflow-y: hidden !important;
        padding: 4px 2px 8px !important;
        margin: 0 !important;
        box-sizing: border-box !important;
        -webkit-overflow-scrolling: touch;
    }

    .detail-layout[class] [class*="thumbs"] > * {
        flex: 0 0 78px !important;
        width: 78px !important;
        min-width: 78px !important;
        box-sizing: border-box !important;
    }

    .detail-layout[class] [class*="thumbs"] > * img {
        display: block !important;
        width: 100% !important;
        height: 64px !important;
        max-height: 64px !important;
        object-fit: contain !important;
    }

    /* INFORMACION DEL PRODUCTO */
    .detail-layout[class] > .detail-copy {
        grid-column: 1 / -1 !important;
        order: 2 !important;
        width: 100% !important;
        min-width: 0 !important;
        box-sizing: border-box !important;
    }

    .detail-layout[class] .detail-copy h1 {
        font-size: clamp(1.5rem, 6vw, 1.9rem) !important;
        line-height: 1.15 !important;
        margin-top: 5px !important;
    }

    .detail-layout[class] .detail-copy .eyebrow {
        font-size: .72rem !important;
    }

    .detail-layout[class] .detail-price {
        font-size: 1.8rem !important;
        margin: 9px 0 12px !important;
    }

    .detail-layout[class] .detail-description {
        font-size: .9rem !important;
        line-height: 1.6 !important;
    }

    /* CARACTERISTICAS EN DOS COLUMNAS */
    .detail-layout[class] [class*="spec-grid"] {
        display: grid !important;
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
        gap: 8px !important;
        width: 100% !important;
    }

    .detail-layout[class] [class*="spec-card"] {
        min-width: 0 !important;
        box-sizing: border-box !important;
        padding: 10px 8px !important;
    }

    /* PANEL DE COMPRA */
    .detail-layout[class] [class*="buy-panel"] {
        width: 100% !important;
        min-width: 0 !important;
        box-sizing: border-box !important;
    }

    .detail-layout[class] [class*="quantity-line"] {
        display: flex !important;
        align-items: center !important;
        justify-content: space-between !important;
        gap: 10px !important;
        width: 100% !important;
    }

    /* BOTONES UNO DEBAJO DEL OTRO */
    .detail-layout[class] [class*="purchase-buttons"] {
        display: grid !important;
        grid-template-columns: minmax(0, 1fr) !important;
        gap: 9px !important;
        width: 100% !important;
    }

    .detail-layout[class] [class*="add-button"],
    .detail-layout[class] [class*="favorite-button"] {
        width: 100% !important;
        min-width: 0 !important;
        min-height: 48px !important;
        box-sizing: border-box !important;
    }

}
/* FIN DANGO GIFTS - FICHA MOVIL UNIFICADA V1 */


/* DANGO GIFTS - CORRECCION FICHA MOVIL V2 */
@media (max-width: 760px) {

    /* STUNT RACING 4WD - CORREGIR ICONO DE CARACTERISTICAS */
    .detail-layout.stunt-racing-4wd-detail-layout .detail-copy .detail-features > ul > li::before {
        content: "\2713" !important;
        white-space: nowrap !important;
        font-family: Arial, sans-serif !important;
        line-height: 1 !important;
    }

    .detail-layout.stunt-racing-4wd-detail-layout .detail-copy .detail-features > ul > li::after {
        content: none !important;
        display: none !important;
    }

    /* CRASH RACING - OCULTAR EL MEDIO QUE NO ESTA SELECCIONADO */
    .detail-layout.crash-racing-detail-layout .crash-racing-main-frame img[style*="display: none"],
    .detail-layout.crash-racing-detail-layout .crash-racing-main-frame video[style*="display: none"] {
        display: none !important;
    }

    /* CRASH RACING - MOSTRAR SOLAMENTE EL MEDIO ACTIVO */
    .detail-layout.crash-racing-detail-layout .crash-racing-main-frame img:not([style*="display: none"]),
    .detail-layout.crash-racing-detail-layout .crash-racing-main-frame video:not([style*="display: none"]) {
        display: block !important;
        width: 100% !important;
        max-width: 100% !important;
        max-height: 330px !important;
        height: auto !important;
        object-fit: contain !important;
        margin: 0 auto !important;
    }

    /* CRASH RACING - CONTENEDOR PRINCIPAL */
    .detail-layout.crash-racing-detail-layout .crash-racing-main-frame {
        display: flex !important;
        align-items: center !important;
        justify-content: center !important;
        width: 100% !important;
        min-height: 245px !important;
        box-sizing: border-box !important;
    }

    .detail-layout.crash-racing-detail-layout .crash-racing-main-media {
        order: 1 !important;
        width: 100% !important;
        min-width: 0 !important;
    }

    .detail-layout.crash-racing-detail-layout .crash-racing-thumbs {
        order: 2 !important;
    }
}
/* FIN DANGO GIFTS - CORRECCION FICHA MOVIL V2 */



/* DANGO GIFTS - AJUSTE VIDEO CRASH V2.1 */
@media (max-width: 760px) {
    .detail-layout.crash-racing-detail-layout .crash-racing-main-frame #crash-racing-main-video {
        display: none !important;
    }

    .detail-layout.crash-racing-detail-layout .crash-racing-main-frame #crash-racing-main-video[style*="display: block"],
    .detail-layout.crash-racing-detail-layout .crash-racing-main-frame #crash-racing-main-video[style*="display:block"] {
        display: block !important;
    }
}
/* FIN DANGO GIFTS - AJUSTE VIDEO CRASH V2.1 */



/* DANGO GIFTS - REPARACION GLOBAL DE ICONOS Y TEXTOS V3 */

/* DECORACION NAVIDEÑA */
.toys-page .toys-feature-price::after {
    content: "\002744\0FE0F" !important;
}

.toys-page .toys-feature-slides::before {
    content: "\01F380" !important;
}

.toys-page .toys-feature-slides::after {
    content: "\01F381" !important;
}

.toys-page .toys-feature-copy::before {
    content: "\01F384\000020¡La magia de la Navidad en tus regalos!" !important;
}

.toys-page .toys-feature-copy::after {
    content: "\01F381\000020\01F384\000020\01F381" !important;
}

.toys-page .toys-feature-carousel::after {
    content: "\002744\0FE0F\000020\002745\0FE0F\000020\002744\0FE0F\000020\002745\0FE0F\000020\002744\0FE0F" !important;
}

.toys-page .toys-subcategories .section-heading .eyebrow::before {
    content: "\01F381\000020" !important;
}

body.juguetes-navidad-header .category-nav-link.is-current::before {
    content: "\01F381" !important;
}

/* CATEGORIA TECNOLOGIA */
.product-tag[data-category="Tecnología"] {
    background: #e9e2ff;
    color: #6841ba;
}

/* LUDO */
.ludo-detail-layout:not(.mesa3-detail-layout) .ludo-features ul > li:nth-child(1)::before {
    content: "\01F3B2" !important;
}

.ludo-detail-layout:not(.mesa3-detail-layout) .ludo-features ul > li:nth-child(2)::before {
    content: "\00265F\0FE0E" !important;
}

.ludo-detail-layout:not(.mesa3-detail-layout) .ludo-features ul > li:nth-child(3)::before {
    content: "\01F465" !important;
}

/* JUEGOS DE MESA 3 EN 1 */
.mesa3-detail-layout .ludo-features ul > li:nth-child(1)::before {
    content: "\00265F\0FE0E" !important;
}

.mesa3-detail-layout .ludo-features ul > li:nth-child(2)::before {
    content: "\01F4CF" !important;
}

/* UNO CARTAS */
.uno-cartas-detail-layout .detail-features li::before {
    content: "\01F4CF" !important;
}

/* TRES CARTAS */
.tres-cartas-detail-layout .detail-features li::before {
    content: "\01F0CF" !important;
}

/* BLOQUES DE EXPRESIONES */
.bloques-expresiones-detail-layout .detail-features li::before {
    content: "\01F9E9" !important;
}

/* PESCA Y APRENDE */
.pesca-aprende-detail-layout .detail-features li::before {
    content: "\01F3A3" !important;
}

/* BLOQUES MAGNETICOS */
.bloques-magneticos-detail-layout .detail-features li::before {
    content: "\01F9F2" !important;
}

/* CARS MAGNETICOS */
.cars-magneticos-animales-detail-layout .detail-features li::before {
    content: "\01F697" !important;
}

/* SET DE MUÑECAS */
.set-munecas-detail-layout .detail-features li::before {
    content: "\01F9F8" !important;
}

/* MOTO LANZADORA */
.moto-lanzadora-trompos-detail-layout .detail-features li::before {
    content: "\01F3CD\0FE0F" !important;
}

/* HELICOPTERO FIGHTER COMBAT */
.helicoptero-fighter-combat-detail-layout .detail-features li::before {
    content: "\01F681" !important;
}

/* SPACE SCENE */
.space-scene-detail-layout .detail-features li::before {
    content: "\01F680" !important;
}

/* CRASH RACING */
.crash-racing-detail-layout .detail-features li::before {
    content: "\01F3CE\0FE0F" !important;
}

/* DIE CAST METAL */
.die-cast-metal-detail-layout .detail-features li::before {
    content: "\01F691" !important;
}

/* MINI MODEL */
.mini-model-detail-layout .detail-features li::before {
    content: "\01F697" !important;
}

/* ROBOTS SUITES */
.robots-suites-detail-layout .detail-features li::before {
    content: "\01F697" !important;
}

/* DESSERT HANDBAG */
.dessert-handbag-detail-layout .detail-features li::before {
    content: "\01F697" !important;
}

/* PET SET */
.pet-set-detail-layout .detail-features li::before {
    content: "\01F697" !important;
}

/* LCD PANEL */
.lcd-panel-writing-tablet-85-detail-layout .detail-features li::before {
    content: "\002713" !important;
}

/* BANG BINGO */
.bang-bingo-detail-layout .detail-features li::before {
    content: "\002713" !important;
}

/* THE STUNT RACING */
.stunt-racing-detail-layout .detail-copy .detail-features ul > li::before {
    content: "\002713" !important;
}

/* STUNT RACING 4WD */
.stunt-racing-4wd-detail-layout .detail-features li::before {
    content: "\002713" !important;
}

/* FIN DANGO GIFTS - REPARACION GLOBAL DE ICONOS Y TEXTOS V3 */