/*
Theme Name: Furious Child Theme
Theme URI: https://shtheme.com/demosd/furious
Description: This is child theme of furious
Author: Shtheme
Author URI: https://themeforest.net/user/shtheme
Version: 1.0
Tested up to: 5.0
Requires PHP: 7.0
Text Domain: furious-child
Template: furious
*/

/* ========TABLE OF CONTENTS==========
00. Body, links, hgroup, paragraphs, general styles
01. Fixed header & Navigation
02. Section Intro (Home)
03. Section About
04. Section Resume
05. Section Portfolio
06. Section Blog
07. Section Contact
08. Footer
09. Loader
10. Responsive design

/*--------------------------------------------------
    00. Body, links, hgroup, paragraphs, general styles
---------------------------------------------------*/



.logged-in header.header-area{
    top: 32px;
}
.logged-in.elementor-editor-active header.header-area, .logged-in.elementor-editor-preview header.header-area{
    top: 0;
}
.blog-details-area .info-list li a{
    color: var(--color-medium);
}
.blog-details-area .info-list li{
    text-transform: capitalize;
}
.comment-form-cookies-consent{
    display: none;
}
.blog-details-area .comments p.logged-in-as{
    margin-bottom: 25px;
}
.blog-details-area .comments p.logged-in-as a{
    color: var(--color-medium);
}
.blog-details-area .comments .name{
    text-transform: capitalize;
}
.blog-details-area .comments .comment-list .children{
    list-style-type: none;
    padding: 0;
}
.blog-details-area .comments .comment-list .children .comment-body{
    margin-bottom: 25px;
}
.blog-details-area .comments .comment-list .children{
    padding-inline-start: 35px;
}
textarea.form-control{
    padding: .375rem .75rem;
    line-height: 28px;
    padding-inline-start: 18px;
    padding-inline-end: 10px;
}
.widget-area .widget_search .search-form{
    background: var(--color-white);
    box-shadow: 0px 10px 40px rgba(36, 36, 36, 0.1);
}
.widget-area .widget_news .article-item{
    display: flex;
    align-items: center;
    flex-direction: row;
    align-items: center;
}
.widget-area .widget_news .article-item:last-child{
    margin-bottom: 0 !important;
}
.widget-area .widget_news .article-item .image{
    flex: 0 0 auto;
    max-width: 33%;
    overflow: hidden;
}
.widget-area .widget_news .article-item .content{
    padding-inline-start: 15px;
}
.widget-area .widget_categories li{
    text-align: end;
    clear: both;
    list-style-type: none;
    margin-bottom: 5px;
}
.widget-area .widget_categories li:before{
    content: "\f07b";
    float: left;
    font-family: "Font Awesome 5 Pro";
    color: var(--color-primary);
    margin-inline-end: 5px;
    font-weight: 300;
}
.widget-area .widget_categories li a{
    float: left;
    color: var(--color-medium);
}
.widget-area .widget_tag_cloud .tagcloud a{
    font-size: 14px !important;
    padding: 12px 20px;
    background: var(--color-white);
    margin-inline-end: 5px;
    margin-bottom: 10px;
    transition: background 0.3s ease-out;
    cursor: pointer;
    display: inline-block;
}
.widget-area .widget_tag_cloud .tagcloud a:hover{
    background: var(--color-primary);
    color: var(--color-white);
}
.comment-box .comment-list .comment{
    position: relative;
    width: 100%;
}
.comment-box .comment-list .comment a.comment-reply-link{
    position: absolute;
    top: -10px;
    right: 0;
    background: var(--color-primary);
    color: var(--color-white);
    padding: 3px 8px;
    border-radius: 5px;
}
.comment-reply h4{
    position: relative;
}
.comment-reply h4 > a{
    text-transform: capitalize;
}
.comment-reply h4 small a#cancel-comment-reply-link{
    position: absolute;
    top: 0;
    right: 30px;
    background: var(--color-primary);
    color: var(--color-white);
    padding: 5px 8px;
    border-radius: 5px;
    font-family: var(--font-body);
    font-size: var(--font-base);
    font-weight: var(--font-normal);
}
.pagination .page-numbers.next, .pagination .page-numbers.prev{
    border: 1px solid var(--border-color);
}
.pagination .page-numbers.next:hover, .pagination .page-numbers.prev:hover{
    color: var(--color-white);
    background: var(--color-primary);
}
.footer-area{
    background-color: var(--color-black);
}
.text-stroke{
    -webkit-text-stroke: 1px var(--color-medium) !important;
}
div#newsletterForm2 span.wpcf7-spinner{
    display: none;
}
.wpcf7 form .wpcf7-response-output{
    border: 0;
    margin-left: 0;
    margin-right: 0;
    padding-left: 0;
    padding-right: 0;
}
.single-car img.mfp-img{
    width: 956px;
    height: 573px;
    object-fit: cover;
}
.dialog-lightbox-widget{
    display: none !important;
}
.author .author-info h6 > a{
    text-transform: capitalize;
}
.elementor .btn-text{
    line-height: 1;
    text-decoration: underline;
}
.choose-3 .card-icon i{
    margin-inline-end: 0;
}
.product-default .author a span{
    text-transform: capitalize;
}
#user-registration .user-registration-MyAccount-content .user-registration-profile-header h3{
    text-transform: capitalize;
}
div.form-control input{
    border: 0;
}
.ur-frontend-form .ur-button-container{
    margin-top: 30px;
}
.ur-frontend-form .ur-button-container .ur-submit-button{
    border: 1px solid;
    margin: 0;
}
#user-registration.horizontal, #user-registration{
    box-shadow: unset;
}
.ur-frontend-form.login{
    border: 0;
}
.ur-frontend-form.login input:not([disabled]):not([type="submit"]){
    --size: 55px;
    border: 1px solid var(--border-color);
    border-radius: 0;
    height: var(--size);
    line-height: var(--size);
    padding: 0;
    padding-inline-start: 18px;
    padding-inline-end: 10px;
    font-size: 16px;
}
.ur-frontend-form.login input[type="submit"]{
    color: var(--color-white);
    border: 1px solid var(--color-primary);
    background-color: var(--color-primary);
    transition: background 0.3s ease-out;
    box-shadow: 0px 10px 30px rgba(var(--color-primary-rgb), 0.14);
    width: 100%;
    margin: 20px 0;
    font-size: 16px;
    font-weight: 400;
}
.ur-frontend-form.login input[type="submit"]:hover{
    color: var(--color-primary);
    background-color: var(--color-white);
    border-color: var(--color-primary);
}
.user-registration-form.login .lost_password{
    width: fit-content;
    float: left;
}
.user-registration-form.login .lost_password a{
    font-size: var(--font-sm);
    line-height: 1.3;
    margin-bottom: 10px;
    display: inline-block;
    color: var(--color-primary);
}
.user-registration-form.login .register{
    width: fit-content;
    float: right;
}
.user-registration-form.login .register a{
    font-size: var(--font-sm);
    line-height: 1.3;
    margin-bottom: 10px;
}
.elementor-shortcode .user-registration:has(form.user-registration-form-login ){
    margin-bottom: 0 !important;
}
.wpcf7-spinner{
    display: none;
}
.wpcf7 form .wpcf7-response-output{
    color: var(--color-light);
}
.text-cap{
    text-transform: capitalize;
}
.error-area .error-content.w-full{
    max-width: 100%;
}
.blog-details-area .info-list li{
    padding-inline-start: 14px;
    border-inline-start: 1px solid var(--border-color);
    padding-inline-end: 0;
    border-inline-end: 0;
}
.blog-details-area .info-list li:first-child{
    padding-inline-start: 0;
    border: 0;
}
.blog-details-area .info-list li:has(.featured-post.sticky){
    padding-inline-start: 0;
    border: 0;
}
.blog-details-area .info-list li:last-child{
    border-inline-start: 1px solid var(--border-color);
}
article .content{
    position: relative;
}
article .content ul.info-list li:has(.featured-post.sticky){
    position: absolute;
    right: 0;
    top: 3px;
    background: #111;
    color: #fff;
    padding: 8px 10px;
    border-radius: 5px;
}
.pagination .page-numbers.dots:hover{
    color: var(--color-dark);
    background: transparent;
}
.header-area .main-navbar .menu-dropdown{
    min-width: 200px;
    width: max-content;
}
.header-area .main-navbar .navbar-nav .nav-item .menu-dropdown li:hover .menu-dropdown{
    transform: translate(0, -15px);
}
.header-area .main-navbar .navbar-nav .nav-item .menu-dropdown li .menu-dropdown{
    left: 100%;
}
.pagination .page-numbers{
    margin-bottom: 5px;
}
div.pagination{
    display: block;
}
aside.widget-area ol, aside.widget-area ul{
    padding-left: 0;
}
aside.widget-area .widget.widget_block.widget_search form label{
    display: none;
}
aside.widget-area .widget.widget_block.widget_search form button{
    margin-left: 0;
    border: 1px solid #111;
    background: #111;
    color: #fff;
}
aside.widget-area .widget .wp-block-heading{
    font-size: 24px;
}
aside.widget-area .widget.widget_block .wp-block-latest-posts li{
    padding-bottom: 5px;
    margin-bottom: 5px;
    border-bottom: 1px dotted #505050;
}
aside.widget-area .widget.widget_block .wp-block-latest-posts li:last-child{
    padding-bottom: 0;
    margin-bottom: 0;
    border-bottom: 0;
}
aside.widget-area .widget.widget_block .wp-block-latest-comments li{
    padding-bottom: 5px;
    margin-bottom: 5px;
    border-bottom: 1px dotted #505050;
}
aside.widget-area .widget.widget_block .wp-block-latest-comments li:last-child{
    padding-bottom: 0;
    margin-bottom: 0;
    border-bottom: 0;
}
aside.widget-area li{
    line-height: 28px;
    list-style-type: none;
}
aside.widget-area .widget.widget_archive li{
    color: var(--color-dark);
}
select{
    padding: 0px 15px !important;
    font-size: 16px;
    line-height: 28px;
    border: 1px solid #888 !important;
    border-radius: 5px;
    height: 45px;
    -webkit-appearance: none;
    background: url(assets/arrow.png) no-repeat right;
    background-position-x: 98%;
    background-color: transparent;
    background-size: 16px;
    image-rendering: auto;
    image-rendering: crisp-edges;
    image-rendering: -webkit-optimize-contrast;
    outline: none;
    width: 100%;
    display: block;
    margin-top: 20px;
    margin-bottom: 20px;
}
table{
    width: 100%;
    text-align: center;
    margin-top: 30px;
    margin-bottom: 20px;
}
table caption{
    caption-side: top;
    text-align: center;
    background: #111;
    color: #fff;
    padding: 10px;
}
table th, table tr, table td{
    border: 1px solid #111;
    padding: 8px;
    color: #111;
}
table td#today{
    background: #111;
    color: #fff;
}
nav.wp-calendar-nav{
    display: none;
}
aside.widget-area .widget.widget_categories ul.children{
    padding-left: 25px;
}
aside.widget-area .widget.widget_pages ul.children{
    padding-left: 25px;
}
aside.widget-area .widget.widget_meta ul li{
    padding-bottom: 5px;
    margin-bottom: 5px;
    border-bottom: 1px dotted #505050;
}
aside.widget-area .widget.widget_meta ul li:last-child{
    padding-bottom: 0;
    margin-bottom: 0;
    border-bottom: 0;
}
aside.widget-area .widget.widget_recent_comments ul li{
    padding-bottom: 5px;
    margin-bottom: 5px;
    border-bottom: 1px dotted #505050;
}
aside.widget-area .widget.widget_recent_comments ul li:last-child{
    padding-bottom: 0;
    margin-bottom: 0;
    border-bottom: 0;
}
aside.widget-area .widget.widget_recent_entries ul li{
    padding-bottom: 5px;
    margin-bottom: 5px;
    border-bottom: 1px dotted #505050;
}
aside.widget-area .widget.widget_recent_entries ul li:last-child{
    padding-bottom: 0;
    margin-bottom: 0;
    border-bottom: 0;
}
aside.widget-area .widget.widget_rss ul li{
    padding-bottom: 5px;
    margin-bottom: 5px;
    border-bottom: 1px dotted #505050;
}
aside.widget-area .widget.widget_rss ul li:last-child{
    padding-bottom: 0;
    margin-bottom: 0;
    border-bottom: 0;
}
aside.widget-area .widget.widget_rss ul li .rsswidget{
    font-weight: 500;
    display: block;
    font-size: 18px;
}
aside.widget-area .widget.widget_rss ul li .rss-date{
    font-size: 90%;
    font-style: italic;
}
aside.widget-area .widget.widget_rss ul li cite{
    font-weight: 500;
    font-size: 13px;
}
aside.widget-area .widget.widget_text img{
    margin: 10px 0;
    height: auto;
}
aside.widget-area .widget.widget_text p{
    margin-bottom: 0;
    text-align: justify;
}
aside.widget-area .widget.widget_text .wp-caption-text{
    text-align: center;
    font-weight: 500;
}
aside.widget-area .widget.widget_nav_menu ul.sub-menu{
    padding-left: 20px;
}
footer.footer-area .copy-right-content p{
    margin-bottom: 0;
}
.blog-details-area .item-single .content{
    padding-top: 0;
}
.blog-details-area .item-single div.image+div.content{
    padding-top: 25px;
}
.blog-details-area .item-single .content p{
    margin-bottom: 1rem;
}
ol, ul{
    padding-left: 25px;
}
figure{
    margin-bottom: 1rem;
}
.wp-block-image figcaption{
    margin-bottom: 0;
    margin-top: .5em;
    font-weight: 500;
    font-size: 16px;
    text-align: center;
}
div.comments{
    clear: both;
}
a.wp-block-button__link{
    border-radius: 5px;
    box-shadow: none;
    text-decoration: none;
    padding: calc(.667em + 2px) calc(1.333em + 2px);
    margin-bottom: 20px;
}
.alignleft{
    float: left;
    margin-right: 1rem;
    text-align: left;
    clear: both;
    margin-top: 0.5rem;
}
.alignright{
    float: right;
    margin-left: 1rem;
    text-align: right;
    clear: both;
    margin-top: 0.5rem;
}
.aligncenter{
    text-align: center;
    margin: 0 auto;
}
.wp-block-cover.has-background-dim{
    margin-bottom: 1rem;
}
.wp-block-cover.has-background-dim > p.wp-block-cover-text{
    color: #fff;
    font-size: 16px;
}
.wp-block-cover.alignleft.has-background-dim{
    margin-top: 0;
}
figcaption{
    font-weight: 500;
    font-size: 16px;
    text-align: center;
}
figcaption.blocks-gallery-caption{
    margin-bottom: 20px;
}
figure.wp-block-gallery.extraclass:not(.has-nested-images).columns-2 .blocks-gallery-item:nth-of-type(2n){
    margin-right: 1em;
}
figure.wp-block-gallery.columns-2.extraclass.is-layout-flex:not(.has-nested-images) .blocks-gallery-item:last-child{
    margin-right: 1em;
}
.wp-block-gallery.columns-5:not(.has-nested-images).is-cropped.is-layout-flex .blocks-gallery-item img{
    height: auto;
}
blockquote{
    padding: 24px;
    background-color: var(--bg-light);
    margin-bottom: 1rem;
}
.blog-details-area .item-single .content blockquote.wp-block-quote p{
    margin-bottom: 0;
}
.wp-block-quote.is-large:where(:not(.is-style-plain)), .wp-block-quote.is-style-large:where(:not(.is-style-plain)){
    padding: 24px;
}
h1{
    font-size: 48px;
}
h2{
    font-size: 36px;
}
h3{
    font-size: 30px;
}
h4{
    font-size: 24px;
}
h5{
    font-size: 20px;
}
h6{
    font-size: 16px;
}
h2.wp-block-heading+ul, h2.wp-block-heading+ol{
    margin-bottom: 1rem;
}
.wp-block-calendar{
    margin-bottom: 1rem;
}
.wp-block-calendar caption{
    background-color: #111;
}
.blog-description .wp-block-latest-comments{
    padding-left: 0;
}
.blog-description .wp-block-latest-comments li.wp-block-latest-comments__comment{
    padding-bottom: 8px;
    margin-bottom: 8px;
    border-bottom: 1px dotted #505050;
}
.blog-description .wp-block-latest-comments li.wp-block-latest-comments__comment:last-child{
    padding-bottom: 0;
    margin-bottom: 0;
    border-bottom: 0;
}
.blog-description .wp-block-latest-posts{
    margin-bottom: 1rem;
}
.blog-description .wp-block-latest-posts li{
    padding-bottom: 8px;
    margin-bottom: 8px;
    border-bottom: 1px dotted #505050;
}
.blog-description .wp-block-latest-posts li:last-child{
    padding-bottom: 0;
    margin-bottom: 0;
    border-bottom: 0;
}
.blog-description .wp-block-latest-posts.is-grid li:last-child{
    padding-bottom: 8px;
    margin-bottom: 8px;
    border-bottom: 1px dotted #505050;
}
.blog-description .wp-block-search[role="search"] label{
    display: none;
}
.blog-description .wp-block-search[role="search"]{
    margin-bottom: 20px;
}
.blog-description .wp-block-search[role="search"] button{
    color: #fff;
    margin-left: 0;
    border: 0;
    background-color: #111;
}
.blog-description .wp-block-tag-cloud > a{
    font-size: 14px !important;
    padding: 12px 20px;
    background: var(--color-light);
    margin-inline-end: 5px;
    margin-bottom: 10px;
    transition: background 0.3s ease-out;
    cursor: pointer;
    display: inline-block;
}
.blog-description .wp-block-tag-cloud > a:hover{
    background: var(--color-primary);
    color: var(--color-white);
}
.blog-description ul.wp-block-rss:has(> li.wp-block-rss__item){
    list-style: disc;
    padding-left: 25px;
}
div.wp-block-group.has-background{
    padding: 20px;
    margin-bottom: 20px;
}
.wp-block-media-text.alignfull.has-media-on-the-right.has-background.is-stacked-on-mobile{
    margin-bottom: 1rem;
}
.page-links > .post-page-numbers{
    color: var(--color-dark);
    text-align: center;
    display: inline-block;
    width: 40px;
    height: 40px;
    line-height: 40px;
    margin: 0 5px;
    border-radius: 5px;
    border: 1px solid var(--border-color);
}
.page-links > .post-page-numbers:hover{
    background: var(--color-primary);
    color: var(--color-white);
}
.page-links > .current{
    background: var(--color-primary);
    color: var(--color-white);
}
pre{
    display: block;
    padding: 20px;
    margin: 0 0 10px;
    font-size: 15px;
    line-height: 1.42857143;
    color: #505050;
    word-break: break-all;
    word-wrap: break-word;
    background-color: #f8f8f8;
    border: 1px solid #ccc;
    border-radius: 4px;
    margin-top: 15px;
    margin-bottom: 15px;
    white-space: pre-wrap;
    font-family: monospace;
}
.wp-block-table.is-style-stripes td{
    border: 1px solid #111;
}
dd{
    margin-left: 1.5em;
}
code{
    color: #505050;
}
p:has(>img.aligncenter){
    text-align: center;
}
div.wp-caption > p.wp-caption-text{
    font-weight: 500;
    font-size: 16px;
    margin-top: 10px;
    text-align: center;
    margin-bottom: 10px;
}
div.wp-caption:has(>img){
    max-width: 100%;
}
form.post-password-form input[type="password"]{
    width: auto;
    display: inline-block;
    height: 42px;
    margin-left: 10px;
    border: 1px solid #505050;
    color: #505050;
    padding-left: 5px;
    margin-bottom: 0;
    position: relative;
}
form.post-password-form input[type="submit"]{
    font-weight: 400;
    text-transform: uppercase;
    background: #505050;
    color: #fff;
    padding: 8px 20px;
    margin: 0;
    font-size: 15px;
    letter-spacing: 1px;
    height: 42px;
    border: #505050;
    position: absolute;
    margin-left: -1px;
}
table tr a{
    font-weight: bold;
}
.comment-box li.comment .comment-content img{
    margin: 10px 0;
}
dl.gallery-item dd.wp-caption-text.gallery-caption{
    margin-top: 10px;
}
img{
    height: auto;
}
.entry-content{
    clear: both;
    padding-top: 20px;
}
.elementor a.btn-primary{
    box-shadow: 0px 10px 30px rgba(var(--color-primary-rgb), 0.14);
}
h3.title{
    font-size: 32px;
}
h2.title{
    font-size: 42px;
}
h1.title{
    font-size: 62px;
}
.page-title-area .content h2{
    font-size: 42px;
}
h3.product-title{
    font-size: 32px;
}
.car-details-area .features-list{
    padding-left: 0;
}
div.product-policy h3{
    font-size: 32px;
}
.error-area .error-content h3{
    font-size: 32px;
}
.coming-soon-area .main-form div.title > h3{
    font-size: 32px;
}
.contact-area .content-title h2{
    font-size: 42px;
}
.product-details .author span{
    color: var(--color-dark);
}
h3.new-price{
    font-size: 32px;
}
.elementor-widget:not(:last-child){
    margin-bottom: 0 !important;
    margin-block-end: 0 !important;
}
.coming-soon-area .wpcf7 form .wpcf7-response-output, .contact-area .wpcf7 form .wpcf7-response-output{
    color: var(--color-medium);
}
.faq-area .accordion-item{
    padding: 0 25px;
}
.faq-area .accordion-item .accordion-body{
    padding-top: 0;
    padding-bottom: 20px;
}
.faq-area .accordion-item .accordion-header .accordion-button{
    height: 60px;
}
.product-area .product-slider{
    padding-left: 1px;
    padding-right: 1px;
}
.product-single-gallery .product-thumb .slider-thumbnails{
    padding-left: 1px;
    padding-right: 1px;
}
.product-column .product-details{
    padding-inline-start: 30px;
}
.blog-details-area .comments .comment-list .comment .comment-body .comment-content p{
    font-size: 15px;
}
.logged-in .comment-reply h4{
    margin-bottom: 10px !important;
}
.screen-reader-text{
    text-decoration: none;
}
.bypostauthor{
    text-decoration: none;
}
.wp-block-image{
    margin-bottom: 1rem;
}
@media (max-width: 1199px){
    header.header-area.is-sticky{
        top: 32px;
    }
}
@media (max-width: 768px){
    header.header-area, header.header-area.is-sticky{
        top: 46px;
    }
}
@media (max-width: 767.98px){
    .logged-in header.header-area{
        top: 46px;
    }
    header.header-area.is-sticky{
        top: 0;
    }
    .comment-reply h4 small a#cancel-comment-reply-link{
        position: unset;
        display: block;
        width: fit-content;
        margin-top: 10px;
    }
    .blog-details-area .info-list{
        display: block;
    }
    .blog-details-area .info-list li{
        padding-inline-start: 0;
        border-inline-start: 0;
        margin-bottom: 10px;
    }
    .blog-details-area .info-list li:last-child{
        border-inline-start: 0;
    }
}

/* ====== FOOTER IBERTRANDECAR ====== */

/* Desktop: reorganizar columnas y dar más espacio a "Contacto" */
@media (min-width: 1200px) {

    /* Espaciado horizontal entre columnas */
    .footer-top .row {
        column-gap: 60px;
    }

    /* 1ª columna (logo) */
    .footer-top .row > div:nth-child(1) {
        flex: 0 0 22%;
        max-width: 22%;
    }

    /* 2ª y 3ª columnas (Enlaces / Tipos de vehículos) */
    .footer-top .row > div:nth-child(2),
    .footer-top .row > div:nth-child(3) {
        flex: 0 0 15%;
        max-width: 15%;
    }

    /* 4ª columna (Contacto) – que se coma el resto del espacio */
    .footer-top .row > div:nth-child(4) {
        flex: 1 0 0;
        max-width: 48%;
    }
}

/* Mejorar lectura del bloque de contacto */
.footer-top .footer-widget .info-list li {
    display: flex;
    align-items: flex-start;
    gap: 10px;
}

.footer-top .footer-widget .info-list i {
    margin-top: 4px;
}

.footer-top .footer-widget .info-list li span {
    display: inline-block;
    line-height: 1.6;
}


#ht-ctc-chat {
    position: fixed !important;
    left: 3% !important;       /* MISMO ESPACIO QUE EL go-top */
    bottom: 30px !important;   /* MISMO BOTTOM QUE go-top */
    z-index: 99999 !important;
}

#ht-ctc-chat {
    left: calc(3% - 5px) !important;
}



.go-top {
    bottom: 30px !important;
}

/* Redondear todos los botones "Ver detalle" del sitio */
a.btn,
button.btn,
.product-default .btn,
.product-bottom .btn {
    border-radius: 50px !important;
    padding: 8px 22px !important;
}

/* Asegurar estilo naranja */
a.btn.bg-primary,
button.btn.bg-primary {
    background-color: #e45711 !important;
    border-color: #e45711 !important;
    color: #fff !important;
}



/* ===================== */
/* ICONOS FOOTER OFICIALES */
/* ===================== */

.social-link.rounded {
    display: flex;
    gap: 10px;
    margin-top: 20px;
}

/* El botón YA NO TIENE fondo: es transparente */
.social-link.rounded .mkp-btn {
    width: 40px;
    height: 40px;
    border-radius: 12px; /* igual para todos */
    overflow: hidden;    /* recorta perfecto las esquinas */
    display: flex;
    justify-content: center;
    align-items: center;
    background: transparent;   /* QUITADO fondo naranja */
    padding: 0;
    transition: transform .25s;
}

/* Hover elegante */
.social-link.rounded .mkp-btn:hover {
    transform: scale(1.12);
    opacity: 0.9;
}

/* Ajuste de las imágenes */
.social-link.rounded .mkp-btn img {
    width: 100%;
    height: 100%;
    object-fit: cover;   /* rellena el cuadrado redondeado sin deformarse */
    display: block;
    border-radius: 12px; /* asegura que el icono respeta la forma */
}

/* === COLORES DEL FOOTER === */
footer.footer-area {
    background-color: #283873 !important;
}

.footer-area .overlay {
    background: transparent !important; /* elimina la capa oscura */
}

.footer-area .border-top {
    border-color: #41527A !important; /* línea superior del copy */
}


/* === BARRAS VERTICALES ENTRE COLUMNAS === */

/* Estructura base */
.footer-top .row > div {
    position: relative;
}

/* Separación del contenido en columnas con barra */
.footer-top .row > div:not(:first-child) {
    padding-left: 20px;
}

/* Barra vertical separadora */
.footer-top .row > div:not(:first-child)::before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 1px;
    height: 100%;
    background-color: #41527A;
    opacity: 0.6;
    transform: translateX(-20px);
}


/* === CENTRADO DEL LOGO, TEXTOS E ICONOS DE LA PRIMERA COLUMNA === */
.footer-top .row > div:first-child .footer-widget,
.footer-top .row > div:first-child .navbar-brand,
.footer-top .row > div:first-child p {
    text-align: center;
    margin-left: auto;
    margin-right: auto;
}

/* Centrar imagen del logo */
.footer-top .row > div:first-child .navbar-brand img {
    display: block;
    margin: 0 auto;
}

/* Centrar iconos (Coches.net, Milanuncios, Autoline) */
.footer-top .row > div:first-child .social-link {
    display: flex;
    justify-content: center;
    gap: 12px;         /* espacio entre iconos */
    margin-top: 10px;
}

.footer-top .row > div:first-child .social-link a img {
    display: block;
}

.navbar.navbar-expand-lg .navbar-brand img {
    max-width: 64px !important;
    height: auto !important;
}

/* BLOQUE KIT DIGITAL */
.footer-kitdigital {
    width: 100%;
    text-align: center;
    padding-top: 25px;
    padding-bottom: 10px;
    background: #283873; /* mismo color que el footer */
}

/* Imagen tamaño ideal en escritorio */
.footer-kitdigital img {
    width: 780px;          /* tamaño exacto del que has mostrado */
    max-width: 90%;        /* que no rompa en pantallas pequeñas */
    height: auto;
    display: inline-block;
    border-radius: 2px;
}

/* Separación entre logos y el texto de copyright */
.copy-right-area {
    padding-top: 20px !important;
}

/* RESPONSIVE */
@media (max-width: 992px) {
    .footer-kitdigital img {
        width: 600px;
    }
}

@media (max-width: 768px) {
    .footer-kitdigital img {
        width: 480px;
    }
}

@media (max-width: 480px) {
    .footer-kitdigital img {
        width: 340px;
    }
}

@media (max-width: 360px) {
    .footer-kitdigital img {
        width: 300px;
    }
}

/* AUMENTAR DISTANCIA ENTRE BANNER Y COPYRIGHT */
.footer-kitdigital {
    padding-top: 25px;
    padding-bottom: 35px; /* antes era ~10px, ahora más aire */
}

/* Ajuste del copyright para no pegarlo */
.copy-right-area {
    padding-top: 25px !important;
}

@media (max-width: 991px) {

   

    /* El contenedor del navbar: contenido arrancando desde la izquierda */
    .header-area .navbar,
    header .navbar,
    .site-header .navbar {
        display: flex;
        align-items: center;
        justify-content: flex-start !important;
    }

    /* Logo: pegado a la izquierda y ocupando el espacio inicial */
    .header-area .navbar-brand,
    header .navbar-brand,
    .navbar-brand {
        margin-left: 0 !important;
        margin-right: auto !important;
    }

    /* Botón hamburguesa: se va a la derecha */
    .header-area .navbar-toggler,
    header .navbar-toggler,
    .navbar-toggler {
        margin-left: auto !important;
    }
}

@media (max-width: 768px) {

    /* --------- GO TOP --------- */
    .go-top {
        width: 44px !important;
        height: 40px !important;
        bottom: 26px !important;
        right: 18px !important;
        display: flex !important;
        align-items: center !important;
        justify-content: center !important;
        border-radius: 50% !important;
    }

    .go-top i {
        font-size: 18px !important;
    }

    /* --------- WHATSAPP --------- */
    #ht-ctc-chat {
        width: 44px !important;
        height: 44px !important;
        bottom: 26px !important;
        left: 18px !important;
        border-radius: 10px !important;
        overflow: hidden !important;
        padding: 0 !important;
    }

    #ht-ctc-chat img,
    #ht-ctc-chat svg {
        width: 100% !important;
        height: 100% !important;
        object-fit: cover !important;
        border-radius: 10px !important;
    }
}

/* El header deja de ser sticky en móvil/tablet */
header.header-area,
header.header-area.is-sticky {
position: relative !important;
top: 0 !important;
}

/* Barra superior compacta */
.header-area .navbar,
.site-header .navbar {
display: flex;
align-items: center;
justify-content: space-between;
padding: 8px 16px;
}

/* Logo: más pequeño, pegado a la izquierda */
.header-area .navbar-brand,
.navbar-brand {
margin-left: 0 !important;
margin-right: auto !important;
}

.header-area .navbar-brand img,
.navbar-brand img {
max-height: 80px !important; /* tamaño del logo móvil */
width: auto !important;
height: auto !important;
}

/* Botón hamburguesa a la derecha */
.header-area .navbar-toggler,
.navbar-toggler {
margin-left: auto !important;
}
}

/* ===========================
2) HERO (espacios + tipografías)
============================ */

/* Tablet */
@media (min-width: 768px) and (max-width: 991.98px) {

/* Reducir padding superior del hero */
.hero-banner-3 {
padding-top: 24px !important;
}

.hero-banner-3 .banner-content {
margin-top: 0;
margin-bottom: 16px !important;
}

/* Tamaños de títulos en tablet */
h1.title,
.hero-banner-3 .banner-content .title {
font-size: 48px !important;
line-height: 1.1 !important;
}

h2.title,
.hero-banner-3 h2.title {
font-size: 32px !important;
line-height: 1.2 !important;
}
}

/* Móvil */
@media (max-width: 767.98px) {

/* Menos aire entre navbar y hero */
.hero-banner-3 {
padding-top: 16px !important;
}

.hero-banner-3 .banner-content {
margin-top: 0;
margin-bottom: 12px !important;
}

/* Tamaños de títulos en móvil */
h1.title,
.hero-banner-3 .banner-content .title {
font-size: 32px !important;
line-height: 1.15 !important;
}

h2.title,
.hero-banner-3 h2.title {
font-size: 26px !important;
line-height: 1.2 !important;
}
}

/* ===========================
3) HERO STEPS
============================ */

/* Paso activo */
.hero-step-item.is-active {
border-bottom: 2px solid #f4731f;
color: #000;
opacity: 1;
}

/* Pasos inactivos */
.hero-step-item:not(.is-active) {
opacity: .6;
}

/* Estructura base */
.hero-step-item {
text-align: center;
opacity: .55;
position: relative;
padding-bottom: 22px;
transition: opacity 0.25s ease;
}

/* Evitar bordes duplicados */
.hero-step-item.is-active,
.hero-step-item.is-active h6,
.hero-step-item.is-active p {
border-bottom: none !important;
}

/* Estructura general hero + superposición */
.hero-banner-3 {
position: relative;
}

.hero-banner-3 .right-content {
position: relative;
z-index: 1;
padding-bottom: 0 !important;
}

.hero-banner-3 .hero-steps {
position: relative;
z-index: 3;
margin-top: -60px;
}

.hero-banner-3 .hero-steps .form-wrapper {
background: #ffffff;
border-radius: 24px;
box-shadow: 0 18px 40px rgba(0,0,0,0.12);
}

/* Línea activa desktop */
@media (min-width: 992px) {
.hero-step-item.is-active::after {
content: "";
position: absolute;
left: 50%;
transform: translateX(-50%);
bottom: 10px;
width: 80%;
height: 2px;
background-color: #f4731f;
border-radius: 2px;
}
}

/* Línea activa tablet */
@media (min-width: 768px) and (max-width: 991.98px) {
.hero-step-item {
padding-bottom: 20px;
}
.hero-step-item.is-active::after {
content: "";
position: absolute;
left: 50%;
transform: translateX(-50%);
bottom: 8px;
width: 60%;
height: 2px;
background-color: #f4731f;
border-radius: 2px;
}
}

/* Línea activa móvil */
@media (max-width: 767.98px) {
.hero-step-item {
padding-bottom: 18px;
text-align: center;
}
.hero-step-item.is-active::after {
content: "";
position: absolute;
left: 50%;
transform: translateX(-50%);
bottom: 6px;
width: 50%;
height: 2px;
background-color: #f4731f;
border-radius: 2px;
}
}

/* ===========================
4) HERO – Imágenes y puntos slider
============================ */

/* Slide ancho completo */
.hero-banner-3 .home-img-slider,
.hero-banner-3 .home-img-slider .swiper-slide {
width: 100%;
}

/* Misma proporción para todas las imágenes */
.hero-banner-3 .home-img-slider .swiper-slide {
aspect-ratio: 16 / 9;
}

/* Imagen siempre cubre */
.hero-banner-3 .home-img-slider .swiper-slide img {
width: 100%;
height: 100%;
object-fit: cover;
display: block;
}

/* Sin hueco entre título e imagen */
.hero-banner-3 .home-img-slider {
margin-top: 0 !important;
padding-top: 0 !important;
}

/* Puntos justo debajo de la imagen */
.hero-banner-3 .home-img-slider .swiper-pagination {
position: relative !important;
bottom: 0 !important;
margin-top: 8px;
text-align: center;
}

/* Altura mínima de la imagen en móvil */
@media (max-width: 767.98px) {
.hero-banner-3 .home-img-slider .swiper-slide {
min-height: 230px;
}
}

/* Quitar posible fondo azul heredado */
.hero-banner-3 .right-content.bg-primary {
background-color: transparent !important;
}

/* ===========================
5) MENÚ MÓVIL (panel derecha)
============================ */

@media (max-width: 991.98px) {

/* Panel móvil: pegado a la derecha, fondo blanco */
.mobile-menu {
right: 0 !important;
left: auto !important;
background: #ffffff !important;
}

/* El contenido del menú debe empezar arriba, no en medio /
.mobile-menu .container {
padding-top: 80px !important; / espacio para el logo/botón de cerrar */
padding-bottom: 30px !important;
}

.mobile-menu .mobile-menu-wrapper {
margin-top: 0 !important;
}
}

/* Quitar overlay azul del slider SOLO en móvil */
@media (max-width: 767.98px) {

  /* Overlay del hero (sobre las fotos del carrusel) */
  .hero-banner-3 .home-img-slider .overlay {
    background: transparent !important;
    opacity: 0 !important;
  }

  /* Por si el tema usa también la clase .opacity-50 */
  .hero-banner-3 .home-img-slider .overlay.opacity-50 {
    background: transparent !important;
    opacity: 0 !important;
  }
}

/* Ocultar cualquier bloque de autor en coches */
.author.mb-10,
.author.mb-15,
.author.mb-20,
.author.mb-10 *,
.author.mb-15 *,
.author.mb-20 * {
    display: none !important;
}

/* Igualar alto de las columnas */
.car-specification .spec-groups > [class*="col-"] {
    display: flex;
}

/* Card de cada grupo */
.car-specification .spec-group {
    background: #f7f7f7;
    border-radius: 10px;
    padding: 24px 28px;
    box-shadow: 0 6px 18px rgba(0,0,0,0.04);
    display: flex;
    flex-direction: column;
    width: 100%;
    min-height: 260px;
    height: 100%; /* Card ocupa todo el alto */
}

/* Fuerza el color naranja de los checks */
.product-single-details .car-specification .spec-item__value i.spec-item__icon,
.product-single-details .car-specification .spec-item__values i.spec-item__icon {
    color: #e45711 !important;
    margin-right: 6px;
    font-size: 15px;
    font-weight: 900;
    -webkit-text-stroke: 0.4px #e45711;
}

/* ===============================
   LOGO IBERTRANDECAR — ESCRITORIO
   =============================== */
.header-area .logo img,
.header-area .navbar-brand img {
    height: 52px !important;
    width: auto !important;
    max-height: none !important;
}

.header-area .logo,
.header-area .navbar-brand {
    margin-left: 30px !important;
}

/* ===============================
   LOGO IBERTRANDECAR — TABLET
   =============================== */
@media (max-width: 991px) {

    .header-area .logo img,
    .header-area .navbar-brand img {
        height: 42px !important;
        width: auto !important;
        max-height: none !important;
    }

    .header-area .logo,
    .header-area .navbar-brand {
        margin-left: 10px !important;
    }
}

/* ===============================
   LOGO IBERTRANDECAR — MÓVIL
   =============================== */
@media (max-width: 767px) {

    .header-area .logo img,
    .header-area .navbar-brand img {
        height: 40px !important;
        width: auto !important;
    }

    /* Asegurar que empieza bien a la izquierda */
    .header-area .logo,
    .header-area .navbar-brand {
        margin-left: 0 !important;
    }
}

/* =========================================================
   1) MÓVIL: quitar overlay oscuro del slider del hero
   ========================================================= */
@media (max-width: 767.98px) {

    /* El overlay que oscurece la imagen */
    .hero-banner-3 .home-img-slider .overlay,
    .hero-banner-3 .overlay.opacity-50 {
        opacity: 0 !important;
        background: transparent !important;
        pointer-events: none; /* por si acaso */
    }
}

/* ===========================================
   ELIMINAR SOMBRAS DEL HEADER EN TODAS LAS VISTAS
   =========================================== */

/* --- Escritorio grande (≥1200px) ---------------------------- */
@media (min-width: 1200px) {
    .header-area.header-2 .custom-container {
        box-shadow: none !important;
    }
    .header-area.header-2.is-sticky .custom-container {
        box-shadow: none !important;
    }
}

/* --- Tablet mediano (992px – 1199px) ------------------------ */
@media (min-width: 992px) and (max-width: 1199.98px) {
    .header-area.header-2:not(.is-sticky) {
        box-shadow: none !important;
    }
    .header-area.header-2 .main-responsive-nav > .container {
        box-shadow: none !important;
    }
    .header-area.header-2.is-sticky .main-responsive-nav > .container {
        box-shadow: none !important;
    }
}

/* --- Móvil y tablet pequeño (<1199px) ---------------------- */
@media (max-width: 1199px) {
    .header-area {
        box-shadow: none !important;
    }
}