/* Inteligente comparte la estructura comercial de Impulso y conserva la marca. */
body.tienda-inteligente {
    background: color-mix(in srgb, var(--tienda-principal) 1%, #fff);
}

body.tienda-inteligente .tienda-header { border-bottom: 0; }
body.tienda-inteligente .tienda-header .navbar-brand { font-weight: 750 !important; }
body.tienda-inteligente .btn { border-radius: 999px; font-weight: 600; }
body.tienda-inteligente .tienda-header .form-control { border-radius: 999px; }
body.tienda-inteligente .impulso-nav { padding-block: .25rem 1rem; border-bottom: 0; }
body.tienda-inteligente .impulso-nav .container { gap: .5rem; }
body.tienda-inteligente .impulso-nav a {
    padding: .5rem 1.1rem;
    min-height: 44px;
    border-radius: 999px;
    background: color-mix(in srgb, var(--tienda-header-texto) 8%, var(--tienda-header));
    color: var(--tienda-header-texto);
    font-weight: 500;
    transition: background-color 180ms ease-out;
}

body.tienda-inteligente .impulso-nav a:hover {
    background: color-mix(in srgb, var(--tienda-header-texto) 14%, var(--tienda-header));
}

/* Panel sobre fotografía: los controles permanecen en la mitad derecha libre. */
body.tienda-inteligente .inteligente-portada { padding-top: .5rem; }
body.tienda-inteligente .inteligente-hero {
    position: relative;
    display: flex;
    align-items: center;
    min-height: 440px;
    overflow: hidden;
    isolation: isolate;
    border-radius: 30px;
    background: var(--tienda-principal);
}

body.tienda-inteligente .inteligente-intro {
    position: relative;
    z-index: 1;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 1.15rem;
    width: 47%;
    min-width: 0;
    margin: 1.75rem;
    padding: clamp(1.5rem, 3vw, 2.75rem);
    background: var(--tienda-principal);
    color: var(--tienda-principal-accesible);
    border-radius: 26px 26px 70px 26px;
    animation: inteligente-panel 550ms var(--impulso-ease) both;
}

body.tienda-inteligente .inteligente-nombre {
    max-width: 100%;
    padding: .35rem .8rem;
    border: 1px solid currentColor;
    border-radius: 999px;
    color: inherit;
    font-size: .8rem;
    font-weight: 600;
    overflow-wrap: anywhere;
}

body.tienda-inteligente .inteligente-intro h1 {
    max-width: 11ch;
    margin: 0;
    color: inherit;
    font-size: clamp(2.2rem, 4.5vw, 3.6rem);
    font-weight: 800;
    letter-spacing: -.04em;
    line-height: 1.06;
}

body.tienda-inteligente .inteligente-intro p {
    max-width: 35ch;
    margin: 0;
    color: inherit;
    font-size: 1rem;
    line-height: 1.55;
}

body.tienda-inteligente .inteligente-media { position: absolute; inset: 0; z-index: 0; }
body.tienda-inteligente .inteligente-media :is(.carousel, .carousel-inner, .carousel-item) { height: 100%; }
body.tienda-inteligente .inteligente-media .carousel-inner { overflow: hidden; }
body.tienda-inteligente .inteligente-media .carousel-item img {
    width: 100%;
    height: 100%;
    max-height: none !important;
    object-fit: cover;
    animation: inteligente-foto 650ms var(--impulso-ease) both;
}

body.tienda-inteligente .inteligente-media #tienda-banner .carousel-control-prev,
body.tienda-inteligente .inteligente-media #tienda-banner .carousel-control-next {
    top: auto;
    bottom: 1.25rem;
    left: auto;
    width: 48px;
    height: 48px;
    padding: 0;
    justify-content: center;
    border-radius: 50%;
}

body.tienda-inteligente .inteligente-media #tienda-banner .carousel-control-prev { right: 5rem; }
body.tienda-inteligente .inteligente-media #tienda-banner .carousel-control-next { right: 1.25rem; }
body.tienda-inteligente .inteligente-media #tienda-banner .carousel-indicators {
    left: 55%;
    right: 1.25rem;
    bottom: 5rem;
    margin: 0;
    flex-wrap: wrap;
    justify-content: flex-end;
}

body.tienda-inteligente .inteligente-hero-sin-imagen { min-height: 320px; }
body.tienda-inteligente .inteligente-hero-sin-imagen .inteligente-intro { width: 100%; }
body.tienda-inteligente .inteligente-hero-sin-imagen h1 { max-width: 22ch; }

/* Superficies de producto juguetonas, fotos completas y precios legibles. */
body.tienda-inteligente .tienda-contenido h4 { font-size: 1.9rem; font-weight: 750; }
body.tienda-inteligente .categoria-card { border-radius: 24px; }
body.tienda-inteligente .producto-card {
    padding: .8rem .8rem 1.15rem;
    border: 0;
    border-radius: 25px !important;
    background: color-mix(in srgb, var(--tienda-principal) 8%, #fff);
}

body.tienda-inteligente .row > :nth-child(even) > .producto-card {
    background: color-mix(in srgb, var(--tienda-principal) 5%, #f1f3f2);
}

body.tienda-inteligente .producto-card > a { border-radius: 18px; background: #fff; }
body.tienda-inteligente .producto-card :is(.foto, .ph) { border-radius: 18px; background: #fff; height: 250px; }
body.tienda-inteligente .producto-card .card-body { padding: 1rem .25rem 0; }
body.tienda-inteligente .producto-card h6 { font-weight: 650; }
body.tienda-inteligente .producto-card .fs-5 { font-weight: 750 !important; }
body.tienda-inteligente .producto-card .foto { transition: transform 350ms var(--impulso-ease); }
body.tienda-inteligente .tienda-contenido .card:not(.producto-card) { border-radius: 24px; }
body.tienda-inteligente .tienda-contenido .card-img-top { border-radius: 24px !important; }
body.tienda-inteligente .tienda-newsletter { background: var(--tienda-principal); color: var(--tienda-principal-accesible); }
body.tienda-inteligente .tienda-newsletter .text-muted,
body.tienda-inteligente .tienda-newsletter .text-tienda { color: var(--tienda-principal-accesible) !important; }
body.tienda-inteligente .tienda-newsletter h4 { font-weight: 750; }
body.tienda-inteligente .tienda-newsletter .form-control { border-radius: 999px; }

body.tienda-inteligente .inteligente-intro .btn-tienda,
body.tienda-inteligente .tienda-newsletter .btn-tienda {
    border: 1px solid var(--tienda-principal-accesible);
}

@keyframes inteligente-panel {
    from { transform: translateY(10px) rotate(-1deg); }
    to { transform: translateY(0) rotate(0); }
}

@keyframes inteligente-foto {
    from { transform: scale(1.035); }
    to { transform: scale(1); }
}

@media (hover: hover) and (pointer: fine) {
    body.tienda-inteligente .btn-tienda:hover { transform: translateY(-2px); }
    body.tienda-inteligente .btn-tienda:active { transform: scale(.98); }
    body.tienda-inteligente .producto-card > a:hover .foto { transform: rotate(-2deg) scale(1.06); }
    body.tienda-inteligente .row > :nth-child(even) > .producto-card > a:hover .foto { transform: rotate(2deg) scale(1.06); }
}

@media (max-width: 991.98px) {
    body.tienda-inteligente .inteligente-intro { margin: 1.25rem; width: 49%; }
    body.tienda-inteligente .producto-card :is(.foto, .ph) { height: 220px; }
}

@media (max-width: 767.98px) {
    body.tienda-inteligente .inteligente-hero { flex-direction: column; min-height: 0; border-radius: 24px; }
    body.tienda-inteligente .inteligente-intro { width: 100%; margin: 0; padding: 1.75rem; border-radius: 0; }
    body.tienda-inteligente .inteligente-intro h1 { font-size: clamp(2.3rem, 7vw, 3rem); }
    body.tienda-inteligente .inteligente-media { position: relative; width: 100%; height: 240px; }
    body.tienda-inteligente .inteligente-media #tienda-banner .carousel-indicators { left: 1.25rem; justify-content: flex-start; bottom: 1.8rem; right: 9rem; }
    body.tienda-inteligente .producto-card { padding: .6rem .6rem 1rem; border-radius: 20px !important; }
    body.tienda-inteligente .producto-card :is(.foto, .ph) { height: 175px; border-radius: 14px; }
    body.tienda-inteligente .tienda-contenido h4 { font-size: 1.6rem; }
}

@media (max-width: 575.98px) {
    body.tienda-inteligente .impulso-nav a { padding-inline: .85rem; }
    body.tienda-inteligente .producto-card :is(.foto, .ph) { height: 150px; }
    body.tienda-inteligente .producto-card .card-body { padding-inline: 0; }
    body.tienda-inteligente .producto-card .btn { padding-inline: .5rem; }
    body.tienda-inteligente .inteligente-intro { padding: 1.5rem; }
}

@media (prefers-reduced-motion: reduce) {
    body.tienda-inteligente *,
    body.tienda-inteligente *::before,
    body.tienda-inteligente *::after { animation: none !important; transition: none !important; }

    body.tienda-inteligente .btn-tienda:is(:hover, :active),
    body.tienda-inteligente .producto-card > a:hover .foto,
    body.tienda-inteligente .row > :nth-child(even) > .producto-card > a:hover .foto { transform: none; }
}