*{
    padding: 0;
    margin: 0;
    text-decoration: none;
    list-style: none;
    box-sizing: border-box;
}
body{
    width: 100%;
    max-width: 1920px;
    margin: 0 auto;
    font-family: "Roboto", sans-serif;
    color: #000000;
}
.content h1, .content h2, .content h3, .content h4, .content h5, .content h6{
	color: #000000;
}
@font-face{
    font-family: dklong;
    src: url(../font/DKLongreach.otf);
}
@font-face{
    font-family: todayshop;
    src: url(../font/TodaySHOP-Bold.otf);
}
.dklong{
    font-family: dklong;
}
.today{
    font-family: todayshop;
}
.bold{
    font-family: Roboto Black;
}
.form-container{
    background: #f1361f;
}
.wrap{
    width: 85%;
    margin: 0 auto;
}
.contacto .wrap{
    width: 75%;
    margin: 0 auto;
}
footer{
    background: #000000;
    color: #ffffff;
    padding-top: 80px;
    padding-bottom: 80px;
}
.contacto label{
    font-weight: 300;
}
.txt-orange{
    color: #f1361f;
}
.bg-black{
    background: #000000;
}
.bg-orange{
    background: #f1361f;
}
.bg-gris{
    background: #f4f4f4;
}
.btn-more-info{
    border: 1px solid #ffffff;
    padding: 10px 15px;
    border-radius: 10px;
    color: #ffffff;
}
.asesoria .column.bg-orange,
.asesoria .column.bg-black{
    padding: 80px;
}
.card{
    box-shadow: none;
}
figure img{
    object-fit: cover;
}
.value {
    font-size: 0.9em;
    line-height: 20px;
    
}
.value span{
        color: #F1361F;
        font-size: 1.5em;
        font-weight: 700;
        }

.card h3.card-header-title{
    text-transform: uppercase;
    font-size: 1.2em;
    font-family: 'Roboto';
    font-weight: 800;
    color: #000000;
}
.slider-destacados .slick-prev{
    position: absolute;
    left: -2%;
    top: 50%;
    transform: translateY(-50%);
    z-index: 2;
}
.slider-destacados .slick-next{
    position: absolute;
    right: -2%;
    top: 50%;
    transform: translateY(-50%);
    z-index: 2;
}

.slider-home .slick-prev{
    position: absolute;
    left: 2%;
    top: 50%;
    transform: translateY(-50%);
    z-index: 2;
}

.slider-home .slick-next{
    position: absolute;
    right: 2%;
    top: 50%;
    transform: translateY(-50%);
    z-index: 2;
}
.btn-servicios{
    background: #f1361f;
    padding: 20px 40px;
    border-radius: 10px;

    
}
.btn-servicios img{
        width: 25px;
        vertical-align: middle;
        margin-left: 15px;
    }
.btn-descarga{
    background: #000000;
    padding: 20px 20px;
    border-radius: 10px;

    
}
.btn-descarga img{
        width: 25px;
        vertical-align: middle;
        margin-left: 15px;
    }
.banner-interior{
    height: 500px;
    background-size: cover !important;
    background-position: center !important;
    background-repeat: no-repeat !important;
}
{
    background: #f1361f;
    padding: 10px 20px;
    border-radius: 25px;

    
}
.btn-naranjo{
    background: #f1361f;
    padding: 10px 20px;
    border-radius: 25px;align-content
}
.btn-naranjo img{
        width: 25px;
        vertical-align: middle;
    }
.more-info{
    width: 100%;
    display: block;
    text-align: center;
    color: #fff;
    background: #f1361f;
    padding: 10px 20px;
    border-radius: 15px;
}
.sala-ventas .btn-naranjo{
    font-size: 1.2em;
    width: 100%;
    text-align: center;
    max-width: 250px;
}
.ico-rrss a img{
    vertical-align: middle;
    max-width: 35px;
}
.bg-img {
    background-position: center !important;
    background-size: cover !important;
    background-repeat: no-repeat !important;
}
.slick-slider, .slick-slider .slick-track, .slick-slider .slick-list {
    height: 100%;
}
    /* --- BASE --- */
.tabla-comparativa-container {
    width: 100%;
    overflow-x: auto;
}

.tabla-comparativa {
    width: 100%;
    border-collapse: collapse;
    font-family: Roboto, sans-serif;
    text-align: center;
}

/* Encabezados */
.tabla-comparativa thead th {
    background: #ffffff;
    font-weight: 600;
    padding: 12px 0;
    font-size: 16px;
    border-bottom: 2px solid #ffffff; /* línea blanca */
}

/* Celdas normales */
.tabla-comparativa td {
    background: #f5f5f5;
    padding: 14px 10px;
    font-size: 15px;
    border-bottom: 2px solid #ffffff; /* línea blanca */
    border-right: 2px solid #ffffff;  /* línea blanca */
}

.tabla-comparativa td:last-child {
    border-right: none;
}

.tabla-comparativa tbody td:first-child {
    font-weight: 500;
    text-align: left;
    padding-left: 20px;
    width: 200px;
}
.bg-black div,
.bg-orange div{
    min-height: 175px;
}
.wrap-content{
    width: 80%;
    margin: 0 auto;
}
.btn-banner a{
    width: 100%;
    display: block;
    border-radius: 15px;
    border: 1px solid #ffffff;
    padding: 15px 15px;
    color: #ffffff;
    font-weight: 700;
    text-align: center;
    font-size: 0.9em;
    height: 100%;
}
.banner-title{
    width: 100%;
    max-width: 600px;
}
.banner-home{
    height:80vh
}
input.submit{
    color: #f1361f;
    font-weight: 600;
	text-align:center !important;
}
p.dest-subt{
	width:100%;
	max-width:600px;
	margin:0 auto;
}
p.etiqueta{
    position: absolute;
    z-index: 1;
    font-size: 0.75em;
    color: #ffffff;
    text-transform: uppercase;
    left: 0;
    padding: 1px 7px;
    top: 5%;
    font-weight: 600;
    box-shadow: rgba(0, 0, 0, 0.15) 1.95px 1.95px 2.6px;
}
p.etiqueta.venta-en-verde{
    background: #17a417;
}
p.etiqueta.destacado{
    background: #ee8220;
}
p.etiqueta.vendido{
    background: #a70606;
}
p.etiqueta.entrega-inmediata{
    background: #a70606;
}
.wpcf7-not-valid-tip,
.wpcf7-response-output {
    color: #ffffff;
}
.derecha-tablet{
    text-align-last: right;
}
.title-servicio{
    width: 100%;
    max-width: 570px;
}
.carrusel-destacados{
	min-height:67px;
}
@media screen and (max-width: 768px){
    .banner-interior{
        height: 385px;
    }
    .banner-home{
    height:50vh;
    min-height: 385px;;
    }
    .derecha-tablet{
    text-align-last: left;
}
    .slider-home .slick-prev img,
    .slider-home .slick-next img{
        width: 20px;
    }
    
    .asesoria .column.bg-orange,
    .asesoria .column.bg-black{
        padding: 80px 30px;
    }
    .btn-servicios {
    padding: 20px 20px;
    }
    .contacto .wrap {
    width: 90%;
    }
    .ico-rrss a img{
    max-width: 25px;
    }
    .tabla-comparativa td{
        font-size: 12px;
    }
    .tabla-comparativa thead th {
        font-size: 12px;
    }
    .tabla-comparativa tbody td:first-child {
    padding-left: 10px;
    width: 100px;
    }
    
    .value span{
        font-size: 1.4em;
    }
    iframe{
        height: 350px;
    }
    footer ul{
        flex-direction: column;
    }
    footer ul li a{
        text-align: center !important;
        padding: 5px 0;
    }
    footer ul li::after{
        display: none !important;
    }
}
@media screen and (max-width: 650px){
    .btn-banner a {
        font-size: 0.7em;
        padding: 5px 15px;
        display: flex;
        justify-content: center;
        align-items: center;

    }
}
/* Contenedor general del título */
.banner-title {
    text-align: center;
    padding: 20px;
    color: #ffffff;
    font-family: "Roboto", sans-serif;
}

/* Estilo general del texto */
.banner-title h1 {
    font-size: 32pt;
    font-weight: 700;
    line-height: 1.3;
    margin: 0;
    margin-bottom: 5px;
}
.banner-title h2 {
    font-weight: 700;
    line-height: 1.3;
    margin: 0;
    margin-bottom: 5px;
	font-size: 2.2rem;
}

/* Franja blanca con texto rojo */
.banner-title .highlight {
    display: inline-block;
    background: #ffffff;
    color: #e64527; /* rojo */
    padding: 6px 18px;
    border-radius: 6px;
    margin: 10px 0;
    font-weight: 700;
	width: 100%;
}

/* Responsive para móviles */
@media (max-width: 768px) {
	.banner-title h1 {
    font-size: 18pt;
}
.banner-title .highlight {
    margin: 5px 0;
}
    .banner-title h2 {
        font-size: 24px;
    }

    .banner-title .highlight {
        padding: 10px 14px;
        font-size: 20px;
    }
    
    .banner-home .item.bg-img {
        background: linear-gradient(to right, rgba(0,0,0,0.8), rgba(0,0,0,0)), var(--mobile-bg) !important;
        background-size: cover !important;
        background-position: center !important;
    }
}

@media (max-width: 480px) {
    .banner-title {
        padding: 10px;
    }

    .banner-title h2 {
        font-size: 21px;
    }
}
@media (max-width: 320px) {
        .banner-title h1 {
        font-size: 16pt;
    }
	.banner-title .highlight {
        font-size: 17px;
    }
    .banner-title h2 {
        font-size: 17px;
    }
}

/* Fix para altura uniforme en slider destacados */
.slider-destacados .card {
    height: 100%;
    display: flex;
    flex-direction: column;
}

.slider-destacados .card-header-title {
    min-height: 60px;
    display: flex;
    align-items: center;
}

.slider-destacados h3.card-header-title {
    min-height: 70px;
    display: flex;
    align-items: center;
    line-height: 1.2;
}

.slider-destacados .card-content {
    flex: 1;
}