/* civic-type-r page styles */
.page-civic-type-r { color: #777; overflow-x: hidden; }
.page-civic-type-r img { max-width: 100%; height: auto; }
.page-civic-type-r .novo-banner,
.page-civic-type-r .novo-video {
	width: 100%;
	overflow: hidden;
	margin: 0;
	padding: 0;
	background: #f2f2f2;
}
.page-civic-type-r .novo-banner img,
.page-civic-type-r .novo-banner picture,
.page-civic-type-r .novo-video video {
	width: 100%;
	display: block;
	margin: 0 !important;
	height: auto;
}
.page-civic-type-r .newcars .versao { display: none; }
.page-civic-type-r .newcars .versao.active { display: block; }
.page-civic-type-r .newcars .foto.versao { display: none; position: relative; }
.page-civic-type-r .newcars .foto.versao.active { display: flex; }
.page-civic-type-r .newcars .foto.versao img { display: none !important; width: 100%; margin-top: 0 !important; }
.page-civic-type-r .newcars .foto.versao img.is-visible { display: block !important; }
.page-civic-type-r .versoes .versao_wrap { height: auto; min-height: 8rem; position: relative; }
.page-civic-type-r .versoes .versao_wrap > .versao { width: 100%; }
.page-civic-type-r .box-gray a.btn-red,
.page-civic-type-r .box-gray a.btn-grey,
.page-civic-type-r .box-gray a[class^="btn-"] {
	display: block;
	width: 100%;
	text-align: center;
	margin: 0 0 0.75rem;
	padding: 0.85rem 1rem;
	border-radius: 0.5rem;
	font-size: 1.05rem;
	font-weight: 600;
	color: #fff !important;
	background-color: #fb0104;
	text-decoration: none !important;
}
.page-civic-type-r .btn-versao { margin: 0 0.2rem 0.45rem; user-select: none; }
.page-civic-type-r .nome-cor { display: inline-block; margin: 0.35rem 0 0.2rem; font-size: 0.9rem; color: #666; }
.page-civic-type-r .colors { margin: 0.2rem 0 0.8rem; }
.page-civic-type-r .btn-cor.active { outline: 2px solid #fb0104; outline-offset: 2px; }
.page-civic-type-r .popfull { display: none; }
.page-civic-type-r .popfull .versao { display: none; }
.page-civic-type-r .popfull .versao.active { display: block; }
.page-civic-type-r .newcars { padding-top: 1rem; }
.page-civic-type-r h3.precos { margin: 0.2rem 0 0.4rem; color: #444; font-weight: 700; }
.dk-grey-box {
        color: #FFF;
        background-color: #8B8B8B;
        border-radius: 1rem;
        text-align: center;
        padding: 1rem;
        position: relative;
    }

    .dk-grey-box .wp-block-columns {
        margin-bottom: 0;
    }

    .dk-grey-box p {
        margin-bottom: 0;
    }

    .btn-cor {
        width: 1rem;
        height: 1rem;
        display: inline-flex;
        border-radius: 50%;
        border: 1px solid #CCC;
        cursor: pointer;
    }

    .btn-versao {
        color: #FFF;
        background-color: #B9B8B9;
        padding: 0.5rem 1rem;
        min-width: 3rem;
        text-align: center;
        display: inline-flex;
        border-radius: .2rem;
        transition: .5s;
        cursor: pointer;
    }

    .btn-versao.active {
        background-color: #FB0104;
    }

    .box-gray {
        background-color: #E9E9E9;
        padding: 3rem 6rem;
        border-radius: 1rem;
        margin-bottom: 3rem;
        text-align: center;
    }

    .box-gray a[class^="btn-"] {
        width: 100%;
        text-align: center;
        font-size: 1.1rem;
        font-weight: 400;
    }

    .box-gray .logo {
        width: 100%;
        margin-bottom: 2rem;
    }

    .versoes {
        position: relative;
        z-index: 5;
    }

    .versao img {
        width: 100%;
        position: relative;
        z-index: 2;
        margin-top: 4rem
    }

    .versao h3 {
        font-size: 2.4rem;
        font-weight: 700;
        margin-bottom: 1.4rem;
    }

    .versoes .versao_wrap {
        height: 8rem;
    }

    .versoes .versao {
        margin-bottom: 2rem;
    }

    .col-lg-7 .foto {
        height: 36rem;
        display: flex;
        align-items: center;
        width: calc(100% + 6rem);
        overflow: hidden;
    }

    .vl-sugerido {
        margin-bottom: 0;
    }

    h3.precos span {
        display: none;
    }

    h3.precos .regular {
        display: inline-block;
    }

    .dk-grey-box li {
        display: inline;
    }

    .dk-grey-box ul {
        padding: 0;
        margin: 0;
    }

    .open-popfull {
        cursor: pointer;
    }

    .logo-mobile {
        display: none;
        max-width: calc(100% - 8rem);
        margin: 0 4rem 1rem 4rem;
    }

    .spacer {
        display: inline-block;
        height: 2rem;
    }

    .tip_price_btn {
        position: relative;
        display: inline-block;
        cursor:  pointer;
    }

    .tip_price {
        display: none;
        position: absolute;
        background: #444;
        color: #FFF;
        font-size: .6rem;
        padding: .2rem .5rem;
        width: 18rem;
        border-radius: .3rem;
        right: 0;
    }

    .tip_price_btn:hover .tip_price {
        display: block !important;
    }


    @media (max-width: 1540px) {
        .col-lg-7 .foto {
            height: 34.2rem;
        }
        .box-gray {
            padding: 3rem 4rem;
        }
        .btn-versao {
            padding: 0.5rem 1.1rem;
        }
    }

    @media (max-width: 1199px) {
        h3.precos .regular {
            font-size: 2rem;
        }

        .col-lg-7 .foto {
            height: auto;
        }

        .box-gray a[class^="btn-"] {
            font-size: 0.9rem;
        }

    }

    @media (max-width: 992px) {

        .col-lg-7 .foto, .foto-feature {
            width: 100%;
            height: 13rem;
            object-fit: contain;
            object-position: center;
        }

        .col-lg-7 .foto img, .foto-feature img {
            height: 13rem;
            object-fit: contain;
            object-position: center;
        }
        .dk-grey-box, .box-gray .logo {
            display: none;
        }
        .logo-mobile {
            display: block;
        }
        .versao h3 {
            font-size: 1.8rem;
        }
        .box-gray {
            padding: 1rem;
        }
        .versao img {
            margin-top: 1rem;
        }

    }

.popfull {

        width: 100%;

        height: 100%;

        background-color: #FFF;

        position: fixed;

        top:0;

        z-index: 10000;

        overflow-y: auto;

        display: none;

        padding: 5rem 0;

    }

    .close-popfull {

        cursor: pointer;

        position: absolute;

        top: 2rem;

        right: 2rem;

        z-index: 1000;

    }

    .close-popfull:after {

        content: "";

        background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 50 50' style='enable-background:new 0 0 50 50;' xml:space='preserve'%3E%3Cstyle type='text/css'%3E .st0%7Bfill:%23CC1517;%7D%0A%3C/style%3E%3Cpath class='st0' d='M48.5,46.11L27.39,25L48.5,3.89c0.66-0.66,0.66-1.73,0-2.39l0,0c-0.66-0.66-1.73-0.66-2.39,0L25,22.61L3.89,1.5 c-0.66-0.66-1.73-0.66-2.39,0c-0.66,0.66-0.66,1.73,0,2.39L22.61,25L1.5,46.11c-0.66,0.66-0.66,1.73,0,2.39l0,0 c0.66,0.66,1.73,0.66,2.39,0L25,27.39L46.11,48.5c0.66,0.66,1.73,0.66,2.39,0C49.17,47.84,49.17,46.77,48.5,46.11z'/%3E%3C/svg%3E");

        width: 3rem;

        height: 3rem;

        display: block;

    }

    .abas {

        display: flex;

        border-bottom: 1px solid #CCC;

        padding: 0;

    }

    .abas li {

        list-style: none;

        padding: 0.5rem;

        cursor: pointer;

        background-color: #EEE;

        margin-right: 0.5rem;

        border: 1px solid #CCC;

        margin-bottom: -1px;

        font-size: .8rem;

        font-weight: 700;

        transition: all .3s;

    }

    .abas li.active {

        color: #FB0104;

        background-color: #FFF;

        border-color: #CCC #CCC #FFF #CCC;

    }

    .abas li:hover {

        border-color: #FB0104;

        background-color: #FB0104;

        color: #FFF;

    }



    .fichas div {

        display: none;

    }

    .fichas div:first-child {

        display: block;

    }

    .foto-ficha {

        width: 12rem !important;

        display: block !important;

        margin: 1rem 2rem 1rem 0 !important;

    }

    .fichas ul {

        padding: 0;

    }



    .fichas ul li {

        list-style: none;

        padding: .3rem 1rem;

    }



    .fichas ul li:nth-child(odd) {

        background-color: #EEE;

    }



    .top-fichas {

        margin-bottom: 2rem;

        display: flex;

        align-items: center;

    }

.novo-video {
        margin-bottom: 3rem;
        margin-top: 5rem;
    }

    .novo-banner img {
        width: 100%;
        margin-bottom: 3rem;
        margin-top: 5rem;
    }

    .publi-1 {
        margin: 2rem 0;
    }

    .publi-1 img {
        border-radius: 1rem;
    }

.section-financiamento {
        padding: 4rem 0;
    }

    .section-financiamento h2 {
        font-weight: 900;
        margin-bottom: 1rem;
        font-size: 3.4rem;
        color: #FB0104;
    }

    .logo-financiamento {
        width: 21rem;
        max-width: 100%;
        margin-bottom: 2rem;
    }

    .img_financiamento {
        width: 100%;
        border-radius: 1rem;
    }

    .section-financiamento .btn-1 {
        margin-top: .5rem;
    }

    .go-video {
        cursor: pointer;
    }

    div.go-video:before {
        font-family: 'FontAwesome' !important;
        content: "\f0da";
        font-size: 2rem;
        width: 3rem;
        height: 3rem;
        position: absolute;
        left: calc(50% - 1.5rem);
        top: calc(50% - 1.5rem);
        background-color: #FB0104;
        color: #FFF;
        display: flex;
        justify-content: center;
        align-items: center;
        border-radius: 50%;
        transition: all .3s;
    }

    div.go-video:hover:before {
        transform: scale(1.1,1.1);
    }

    .section-financiamento {
        background-color: #EEE;
        margin: 2rem 0 3rem 0;
    }

    .section-financiamento .btn-1 {
        margin-top: 4rem !important;
        font-size: 1.4rem;
    }

    @media (max-width: 991px) {
        .logo-financiamento {
            max-width: 60%;
            margin: 0 auto 1rem 0;
            display: block;
        }
        .section-financiamento h2 {
            font-size: 2.2rem;
        }
        .section-financiamento {
            padding: 3rem 0 2rem  0;
        }


    }

.titulo {
        padding: 2rem 0 1.5rem 0;
        text-align: center;
        background-color: #FB0104;
        color: #FFF;
        margin-top: 1rem;
    }

    .titulo h1,
    .titulo h3 {
        display: inline;
    }

    @media (max-width: 991px) {

        .titulo {
            margin-top: 2rem;
        }

        .titulo h1,
        .titulo h3 {
            font-size: medium;
        }
    }

.items {
        background-color: #E9E9E9;
        overflow: hidden;
        max-width: 100%;
    }

    .items .container:nth-child(odd) .row {
        flex-flow: row-reverse;
    }

    .items .container:nth-child(odd) .row img {
        float: right;
    }

    .items .dsc {
        display: flex;
        flex-flow: column;
        justify-content: center;
        height: 100%;
        padding: 0 2rem;
    }

    .red-box {
        background-color: #FB0104;
        color: #FFFFFF;
        padding: 2rem 4rem;
        border-radius: 1rem;
        font-size: 1.2rem;
    }

    .red-box h2 {
        font-weight: 800;
        margin-bottom: 1.8rem;
    }

    .items .col-lg-6 {
        padding: 0;
    }

    .items img {
        max-width: 50vw;
        width: 50vw;
        max-height: 25rem;
        object-fit: cover;
    }



    .features .title {
        color: #FB0104;
        font-size: 3.8rem;
        font-weight: 700;
        margin-bottom: 1.2rem;
        margin-top: 3rem;
    }

    .features .dscr {
        text-align: center;
        margin-bottom: 3rem;
    }

    .features hr {
        border: none;
        background: #8B8B8B;
        height: 1px;
        margin: 2rem 0;
    }

    .foto-feature {
        position: relative;
        left: -5rem;
        width: calc(100% + 5rem);
    }

    .features .btn-cta {
        background-color: #8B8B8B;
        font-size: 1.2rem;
        font-weight: 400;
        margin: 2rem auto;
        min-width: 18rem;
        text-align: center;
    }

    .features .slick-dots li.slick-active button:before {
        color: #FB0104;
    }

    .features .slick-dots li button:before {
        font-size: 10px;
    }

    .features .slick-dotted.slick-slider {
        padding-bottom: 3rem;
    }

    .features .slick-dots {
        bottom: .75rem;
    }


    @media (max-width: 992px) {

        .abas {
            flex-wrap: wrap;
        }

        .close-popfull:after {
            width: 2rem;
            height: 2rem;
        }

        .popfull {
            padding: 1rem 0;
        }


        .items .container .row,
        .items .container:nth-child(odd) .row {
            flex-flow: column-reverse;
            width: 100%;
            background-color: #8B8B8B;
            margin: auto;
            border-radius: 1rem;
            overflow: hidden;
            text-align: center;
            color: #FFF;
        }

        .items img {
            max-width: 100%;
            width: 100%;
        }

        .items .dsc {
            margin-top: 2rem;
        }

        .items .container {
            max-width: 100%;
        }

        .tabs {
            flex-flow: column;
        }

        .foto-feature {
            left: 0rem;
            width: 100%;
            top: -2rem;
        }

    }

.honda-sensing {
        padding: 4rem 0 2rem 0;
        text-align: center;
    }

    .sense-item {
        position: relative;
    }

    .tabs {
        display: flex;
        padding: 0;
        justify-content: space-evenly;
    }

    .tabs li {
        list-style: none;
        font-size: .8rem;
        margin: .25rem;
        cursor: pointer;
        display: flex;
    }

    .tabs li a {
        width: 100%;
        border-radius: .3rem;
        border: 1px solid;
        padding: .3rem 1rem;
        transition: all .3s;
        text-align: center;
        color: #8B8B8B;
    }

    .tabs li a:hover {
        color: #FFF;
        background-color: #b1b1b1;
        border-color: #b1b1b1;
        display: inline-flex;
    }

    .tabs li.active a {
        color: #FFF;
        background-color: #8B8B8B;
        border-color: #8B8B8B;
    }

    .honda-sensing h2 {
        text-align: center;
        font-weight: 800;
        font-size: 3rem;
        color: #8B8B8B;
    }

    .honda-sensing p {
        font-size: 1.2rem;
        width: 54rem;
        margin: 2rem auto;
        max-width: calc(100% - 2rem);
    }

    a.btn-cta {
        background-color: #FB0104;
        font-size: 1.2rem;
        font-weight: 400;
        margin: 2rem auto;
        min-width: 18rem;
        text-align: center;
    }

    .logo-sensing {
        margin: 0 auto 2rem auto;
        max-width: calc(100% - 2rem);
    }

.vantagens {
        padding: 1rem 0 3rem 0;
        text-align: center;
    }

    .box-grey {
        background-color: #CBCBCB;
        color: #FFF;
        display: flex;
        justify-content: space-evenly;
        padding: 1rem;
        border-radius: 1rem;
        align-items: center;
        margin-bottom: 2rem;
    }

    .vantagens hr {
        margin-bottom: 2rem;
    }

section.formulario {
        padding: 3rem 0 2rem 0;
        background-color: #DDD;
        border-radius: 0;
    }

/* Modal Base */
.modal-overlay {
    position: fixed;
    top: 0; left: 0; width: 100%; height: 100%;
    background: rgba(0, 0, 0, 0.7);
    display: none;
    justify-content: center;
    align-items: center;
    z-index: 9999;
}
.modal-overlay.active {
    display: flex;
}
.modal-box {
    background: #fff;
    padding: 3rem;
    border-radius: 1rem;
    text-align: center;
    max-width: 450px;
    width: 90%;
    box-shadow: 0 10px 30px rgba(0,0,0,0.5);
    position: relative;
}
.modal-box h3 {
    margin-bottom: 1rem;
    color: #DD0000;
    font-size: 2rem;
    font-weight: 800;
}
.modal-box p {
    font-size: 1.1rem;
    margin-bottom: 2rem;
    color: #333;
}
.btn-wpp-modal-exclusive {
    display: inline-block;
    background-color: #25D366;
    color: #FFF !important;
    padding: 15px 30px;
    border-radius: 50px;
    font-size: 1.2rem;
    font-weight: bold;
    text-decoration: none;
    transition: background-color 0.3s;
    margin-top: 10px;
}
.btn-wpp-modal-exclusive:hover {
    background-color: #20b858;
}
.modal-close {
    position: absolute;
    top: 15px;
    right: 20px;
    font-size: 2rem;
    cursor: pointer;
    color: #aaa;
    line-height: 1;
}
.modal-close:hover {
    color: #333;
}

/* Form */
.page-civic-type-r section.formulario { padding: 2.5rem 0; background-color: #ddd; overflow: hidden; }
.page-civic-type-r section.formulario .container { max-width: 960px; }
.page-civic-type-r section.formulario label { display: block; margin-bottom: 0.35rem; font-weight: 600; color: #444; }
.page-civic-type-r section.formulario p { margin-bottom: 1rem; }
.page-civic-type-r section.formulario input[type="text"],
.page-civic-type-r section.formulario input[type="email"],
.page-civic-type-r section.formulario input[type="tel"],
.page-civic-type-r section.formulario select {
	display: block; width: 100%; max-width: 100%; height: 48px; padding: 0.65rem 0.85rem;
	border: 1px solid #ccc; border-radius: 0.4rem; background: #fff; color: #333; font-size: 1rem; box-sizing: border-box;
}
.page-civic-type-r section.formulario input[type="checkbox"] { width: auto; height: auto; margin-right: 0.45rem; vertical-align: middle; }
.page-civic-type-r section.formulario input[type="submit"] {
	display: inline-block; min-width: 160px; height: 48px; padding: 0 1.8rem; border: 0; border-radius: 0.5rem;
	background: #fb0104; color: #fff; font-weight: 700; cursor: pointer;
}
.page-civic-type-r section.formulario .wpcf7-form-control-wrap,
.page-civic-type-r section.formulario span[data-name] { display: block; width: 100%; }

/* Sensing video */
.page-civic-type-r .honda-sensing { overflow: hidden; }
.page-civic-type-r .sense-item { position: relative; width: 100%; max-width: 900px; margin: 0 auto; }
.page-civic-type-r .honda-sensing .video {
	position: relative; width: 100%; aspect-ratio: 16 / 9; background: #111; overflow: hidden; border-radius: 0.5rem;
}
.page-civic-type-r .honda-sensing .video iframe,
.page-civic-type-r .honda-sensing iframe.vdo {
	position: absolute; inset: 0; width: 100% !important; height: 100% !important; border: 0; display: block;
}
.page-civic-type-r .tabs {
	display: flex; flex-wrap: wrap; padding: 0; margin: 0 0 1.25rem; justify-content: center; gap: 0.4rem; list-style: none;
}
.page-civic-type-r .tabs li {
	list-style: none; font-size: .8rem; margin: 0; cursor: pointer; display: flex; flex: 1 1 180px; max-width: 100%;
}
.page-civic-type-r .tabs li a {
	width: 100%; border-radius: .3rem; border: 1px solid #8B8B8B; padding: .45rem .8rem; transition: all .3s;
	text-align: center; color: #8B8B8B; text-decoration: none; display: flex; align-items: center; justify-content: center; line-height: 1.3;
}
.page-civic-type-r .tabs li a:hover,
.page-civic-type-r .tabs li.active a { color: #FFF; background-color: #8B8B8B; border-color: #8B8B8B; }
.page-civic-type-r a.btn-cta {
	background-color: #FB0104; color: #fff !important; font-size: 1.2rem; font-weight: 400; margin: 2rem auto;
	min-width: 18rem; text-align: center; display: inline-block; padding: 0.85rem 1.5rem; border-radius: 0.5rem; text-decoration: none !important;
}
.page-civic-type-r .box-grey {
	background-color: #CBCBCB; color: #FFF; display: flex; justify-content: flex-start; gap: 1rem;
	padding: 1rem 1.25rem; border-radius: 1rem; align-items: center; margin-bottom: 1rem; overflow: hidden;
}
.page-civic-type-r .box-grey img { flex: 0 0 auto; width: 110px; max-width: 38%; height: auto; object-fit: contain; }
.page-civic-type-r .box-grey h2 {
	flex: 1 1 auto; min-width: 0; margin: 0; font-size: clamp(1.15rem, 3.2vw, 1.8rem); font-weight: 700;
	line-height: 1.2; text-align: left; white-space: normal; overflow-wrap: anywhere;
}
.page-civic-type-r .vantagens .col-lg-6 > p { margin: 0 0 2rem; line-height: 1.55; color: #666; }

@media (max-width: 991px) {
	.page-civic-type-r { overflow-x: hidden; max-width: 100vw; }
	.page-civic-type-r .container, .page-civic-type-r .row { max-width: 100%; }
	.page-civic-type-r .newcars { padding: 0.5rem 0 1rem; overflow-x: hidden; }
	.page-civic-type-r .newcars .container { padding-left: 1rem; padding-right: 1rem; }
	.page-civic-type-r .logo-mobile {
		display: block !important; width: min(220px, 70vw) !important; max-width: 70vw !important;
		height: auto !important; margin: 0.75rem auto 0.5rem !important; object-fit: contain;
	}
	.page-civic-type-r .box-gray .logo { display: none !important; }
	.page-civic-type-r .newcars .col-lg-7,
	.page-civic-type-r .newcars .col-lg-5 {
		width: 100%; max-width: 100%; flex: 0 0 100%; padding-left: 0.75rem; padding-right: 0.75rem;
	}
	.page-civic-type-r .newcars .foto.versao,
	.page-civic-type-r .newcars .foto.versao.active,
	.page-civic-type-r .col-lg-7 .foto {
		width: 100% !important; max-width: 100% !important; height: auto !important; margin: 0 auto !important;
		left: 0 !important; overflow: hidden !important; display: none; align-items: center; justify-content: center;
	}
	.page-civic-type-r .newcars .foto.versao.active { display: flex !important; }
	.page-civic-type-r .newcars .foto.versao img,
	.page-civic-type-r .newcars .foto.versao img.is-visible,
	.page-civic-type-r .col-lg-7 .foto img {
		width: 100% !important; max-width: 100% !important; height: auto !important; max-height: 220px !important;
		margin: 0 auto !important; object-fit: contain !important;
	}
	.page-civic-type-r .box-gray { padding: 1.1rem 0.9rem !important; margin: 0.5rem 0 1rem !important; }
	.page-civic-type-r .btn-versao { min-width: 0; padding: 0.45rem 0.7rem; font-size: 0.8rem; }
	.page-civic-type-r h3.precos, .page-civic-type-r h3.precos .regular { font-size: 1.55rem !important; }
	.page-civic-type-r .items img, .page-civic-type-r .foto-feature, .page-civic-type-r .foto-feature img {
		max-width: 100% !important; width: 100% !important; left: 0 !important; height: auto !important;
	}
	.page-civic-type-r .features .title { font-size: 2rem !important; }
	.page-civic-type-r .titulo h1, .page-civic-type-r .titulo h3 { font-size: 1rem !important; }
	.page-civic-type-r section.formulario { padding: 1.5rem 0 2rem; }
	.page-civic-type-r section.formulario .container { padding-left: 1rem; padding-right: 1rem; }
	.page-civic-type-r section.formulario .row { margin-left: 0; margin-right: 0; }
	.page-civic-type-r section.formulario [class*="col-"] {
		padding-left: 0; padding-right: 0; width: 100%; max-width: 100%; flex: 0 0 100%;
	}
	.page-civic-type-r section.formulario input[type="text"],
	.page-civic-type-r section.formulario input[type="email"],
	.page-civic-type-r section.formulario input[type="tel"],
	.page-civic-type-r section.formulario select {
		width: 100% !important; max-width: 100% !important; min-width: 0 !important; font-size: 16px;
	}
	.page-civic-type-r section.formulario input[type="submit"] { width: 100%; min-width: 0; }
	.page-civic-type-r section.formulario p { font-size: 0.9rem; line-height: 1.45; word-break: break-word; }
	.page-civic-type-r .vantagens { padding: 0.5rem 0 1.5rem; overflow: hidden; }
	.page-civic-type-r .vantagens .container { padding-left: 1rem; padding-right: 1rem; }
	.page-civic-type-r .vantagens .col-lg-6 { width: 100%; max-width: 100%; flex: 0 0 100%; }
	.page-civic-type-r .box-grey { gap: 0.75rem; padding: 0.85rem 1rem; }
	.page-civic-type-r .box-grey img { width: 84px; max-width: 32%; }
	.page-civic-type-r .box-grey h2 { font-size: 1.2rem; }
	.page-civic-type-r .vantagens .col-lg-6 > p { font-size: 0.92rem; margin-bottom: 1.5rem; }
	.page-civic-type-r a.btn-cta { min-width: 0; width: 100%; max-width: 280px; font-size: 1rem; }
	.page-civic-type-r .honda-sensing { padding: 2rem 0 1.25rem; overflow: hidden; }
	.page-civic-type-r .honda-sensing .container { padding-left: 1rem; padding-right: 1rem; max-width: 100%; }
	.page-civic-type-r .honda-sensing p { width: 100%; max-width: 100%; font-size: 1rem; }
	.page-civic-type-r .logo-sensing { max-width: min(260px, 80vw); }
	.page-civic-type-r .tabs { flex-direction: column; align-items: stretch; gap: 0.45rem; }
	.page-civic-type-r .tabs li { flex: 0 0 auto; width: 100%; font-size: 0.78rem; }
	.page-civic-type-r .tabs li a { width: 100%; }
	.page-civic-type-r .sense-item, .page-civic-type-r .honda-sensing .video { width: 100%; max-width: 100%; }
}