/* --- 4. Body: NXP Homepage Pills y Tabs --- */
.nxp-pill {
    border: 2px solid #000000;
    border-radius: 30px;
    padding: 6px 16px;
    display: flex;
    align-items: center;
    cursor: pointer;
    font-weight: 700;
    font-size: 13px;
    color: #000000;
    background-color: transparent;
    transition: all 0.2s ease-in-out;
}

.nxp-pill:hover,
.nxp-pill.nxp-pill-active {
    background-color: #000000;
    color: #ffffff;
}

.nxp-hero-tabs>div {
    transition: all 0.2s ease-in-out;
}

.nxp-hero-tabs>div:hover {
    background: rgba(0, 0, 0, 0.9) !important;
    border-bottom: 3px solid #1e73be !important;
}

/* --- 7. Fix: Home Page Edge-to-Edge --- */
html,
body.home,
body.page-id-58,
body.page-id-91,
body.page-id-136,
body.page-id-151,
body.page-id-167,
body.page-id-176,
body.page-id-182,
body.page-id-20813,
body.page-id-20820,
body.page-id-20903,
body.page-id-3 {
    overflow-x: hidden !important;
}

body.home .site-header,
body.page-id-58 .site-header,
body.page-id-91 .site-header,
body.page-id-136 .site-header,
body.page-id-151 .site-header,
body.page-id-167 .site-header,
body.page-id-176 .site-header,
body.page-id-182 .site-header,
body.page-id-20813 .site-header,
body.page-id-20820 .site-header,
body.page-id-20903 .site-header,
body.page-id-3 .site-header {
    margin-bottom: 0 !important;
    padding-bottom: 0 !important;
}

body.home .site,
body.page-id-58 .site,
body.page-id-91 .site,
body.page-id-136 .site,
body.page-id-151 .site,
body.page-id-167 .site,
body.page-id-176 .site,
body.page-id-182 .site,
body.page-id-20813 .site,
body.page-id-20820 .site,
body.home #page,
body.page-id-58 #page,
body.page-id-91 #page,
body.page-id-136 #page,
body.page-id-151 #page,
body.page-id-167 #page,
body.page-id-176 #page,
body.page-id-182 #page,
body.page-id-20813 #page,
body.page-id-20820 #page,
body.home #content,
body.page-id-58 #content,
body.page-id-91 #content,
body.page-id-136 #content,
body.page-id-151 #content,
body.page-id-167 #content,
body.page-id-176 #content,
body.page-id-182 #content,
body.page-id-20813 #content,
body.page-id-20820 #content,
body.home #primary,
body.page-id-58 #primary,
body.page-id-91 #primary,
body.page-id-136 #primary,
body.page-id-151 #primary,
body.page-id-167 #primary,
body.page-id-176 #primary,
body.page-id-182 #primary,
body.page-id-20813 #primary,
body.page-id-20820 #primary,
body.home #main,
body.page-id-58 #main,
body.page-id-91 #main,
body.page-id-136 #main,
body.page-id-151 #main,
body.page-id-167 #main,
body.page-id-176 #main,
body.page-id-182 #main,
body.page-id-20813 #main,
body.page-id-20820 #main,
body.home article,
body.page-id-58 article,
body.page-id-91 article,
body.page-id-136 article,
body.page-id-151 article,
body.page-id-167 article,
body.page-id-176 article,
body.page-id-182 article,
body.page-id-20813 article,
body.page-id-20820 article,
body.home .site-content,
body.page-id-58 .site-content,
body.page-id-91 .site-content,
body.page-id-136 .site-content,
body.page-id-151 .site-content,
body.page-id-167 .site-content,
body.page-id-176 .site-content,
body.page-id-182 .site-content,
body.page-id-20813 .site-content,
body.page-id-20820 .site-content,
body.home .inside-article,
body.page-id-58 .inside-article,
body.page-id-91 .inside-article,
body.page-id-136 .inside-article,
body.page-id-151 .inside-article,
body.page-id-167 .inside-article,
body.page-id-176 .inside-article,
body.page-id-182 .inside-article,
body.page-id-20813 .inside-article,
body.page-id-20820 .inside-article,
body.home .entry-content,
body.page-id-58 .entry-content,
body.page-id-91 .entry-content,
body.page-id-136 .entry-content,
body.page-id-151 .entry-content,
body.page-id-167 .entry-content,
body.page-id-176 .entry-content,
body.page-id-182 .entry-content,
body.page-id-20813 .entry-content,
body.page-id-20820 .entry-content,
body.home .entry-content>*,
body.page-id-58 .entry-content>*,
body.page-id-91 .entry-content>*,
body.page-id-136 .entry-content>*,
body.page-id-151 .entry-content>*,
body.page-id-167 .entry-content>*,
body.page-id-176 .entry-content>*,
body.page-id-182 .entry-content>*,
body.page-id-20813 .entry-content>*,
body.page-id-20820 .entry-content>*,
body.page-id-20903 .site,
body.page-id-20903 #page,
body.page-id-20903 #content,
body.page-id-20903 #primary,
body.page-id-20903 #main,
body.page-id-20903 article,
body.page-id-20903 .site-content,
body.page-id-20903 .inside-article,
body.page-id-20903 .entry-content,
body.page-id-20903 .entry-content>*,
body.page-id-3 .site,
body.page-id-3 #page,
body.page-id-3 #content,
body.page-id-3 #primary,
body.page-id-3 #main,
body.page-id-3 article,
body.page-id-3 .site-content,
body.page-id-3 .inside-article,
body.page-id-3 .entry-content,
body.page-id-3 .entry-content>* {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
    margin-top: 0 !important;
    margin-bottom: 0 !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
}

body.home .entry-header,
body.page-id-58 .entry-header,
body.page-id-91 .entry-header,
body.page-id-136 .entry-header,
body.page-id-151 .entry-header,
body.page-id-167 .entry-header,
body.page-id-176 .entry-header,
body.page-id-182 .entry-header,
body.page-id-20813 .entry-header,
body.page-id-20820 .entry-header,
body.page-id-20903 .entry-header,
body.page-id-3 .entry-header {
    display: none !important;
}

.nxp-hero-title {
    font-size: 42px;
    font-weight: 700;
    line-height: 1.1;
    color: #000000;
    margin-bottom: 20px;
}

.nxp-intro-title {
    font-size: 36px;
    font-weight: 700;
    color: #000000;
    line-height: 1.2;
    margin-bottom: 50px;
}

/* Customizations for Home Page Blog Carousel (4 cols + scroll) */
body.home .nxp-blog-carousel-wrapper {
    max-width: 1200px;
}

/* Flechas del carrusel */
.nxp-carousel-nav {
    display: flex;
    gap: 10px;
}

.nxp-carousel-nav button {
    background: transparent;
    border: 2px solid #000;
    border-radius: 50%;
    width: 40px;
    height: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    transition: all 0.3s ease;
    color: #000;
    font-size: 16px;
    font-weight: bold;
    line-height: 1;
    padding: 0;
}

.nxp-carousel-nav button:hover {
    background: #D8225D;
    border-color: #D8225D;
    color: #fff;
}