/*
Theme Name: Lorenzo
Theme Page: CONDICIONES CLARAS
Theme Marca: FORD
Theme URI: https://plugins.div-it.com.ar/Lorenzo
Author: Dex
Author URI: https://dex360.net
License URI: https://www.gnu.org/licenses/gpl-2.0.html
Text Domain: Lorenzo

Lorenzo WordPress Theme, (C) 2022-2023 WP Engine.
Lorenzo is distributed under the terms of the GNU GPL.
*/

/*   [Table content] CONDICIONES CLARAS - FORD
*
*       01. GENERAL
*			_ 01.01. html + body
*
*       02. HEADER
*
*       03. MAIN CONTENT
*           _ 03.01. secccion-1--titulo-planes
*           _ 03.02. secccion-2--porque-elegir-plan
*           _ 03.03. secccion-3--tipos-planes
*           _ 03.04. secccion-4--planes-destacados
*           _ 03.05. secccion-5--planes-descargas
*           _ 03.06. formulario
*
*       04. FOOTER
*
*       05. RESPONSIVE
*
*/


/*--------------------------------------------------------------
# 01. GENERAL
--------------------------------------------------------------*/
html {
    margin: 0px !important;
}
.cc-ford {
	background-color: #404040;
    background-position:top center;
    background-repeat:no-repeat;
	background-size: cover;
    color: #000000 !important;
    font-family: 'Montserrat', sans-serif !important;
    font-size: 16px;
    padding:0px;
}
.page-condiciones-claras p {
    font-size:14px;
    line-height:120%;
    margin:0px;
}
.condiciones-claras-contenido .popup {
    padding-top: 30px;
}

/*--------------------------------------------------------------
# 02. HEADER
--------------------------------------------------------------*/
.header-logo-marca {
	background-color: #fff;
    padding:25px 0px;
    text-align:center;
}
.header-logo-marca figure {
    margin: 0rem;
}
.header-logo-marca figure img {
    width:210px !important;
}


/*--------------------------------------------------------------
# 03. MAIN CONTENT
--------------------------------------------------------------*/
.condiciones-claras-contenido {
    /*background: linear-gradient(0deg, rgba(34,40,76,1) 0%, rgba(255,255,255,0) 68%);*/
}
.condiciones-claras-contenido h1,
.condiciones-claras-contenido h2,
.condiciones-claras-contenido h3 {
    color: #fff;
    padding:0px;
    margin:0px;
}
.condiciones-claras-contenido h1 {
    font-size:3em;
}
.condiciones-claras-contenido h1,
.condiciones-claras-contenido h3 {
    font-weight: bolder;
}

/* 03.01. secccion-1--titulo-planes
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */


/* 03.02. secccion-2--porque-elegir-plan
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
.cc-ford #secccion-2--porque-elegir-plan .pq-elegir-plan--item li {
    background-color: #649BCF;
    color: #fff;
    list-style: none;
    margin: 0px 0px 20px;
    padding: 10px 25px;
    width: 100%;
}
.cc-ford #secccion-2--porque-elegir-plan .pq-elegir-plan--item li p {
    margin:0px;
}

/* 03.03. secccion-3--tipos-planes
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
#secccion-3--tipos-planes.my-5 {
    margin-bottom: 0rem !important;
}
.cc-ford #secccion-3--tipos-planes h3 {
    color:#fff;
}
.cc-ford #secccion-3--tipos-planes ul {
    padding:0px;
    margin:1rem 0 0;
}
.cc-ford #secccion-3--tipos-planes li {
    list-style: none;
    margin: 0px 0px 20px;
    padding: 0;
    position:relative;
    width: 94%;
}
.cc-ford #secccion-3--tipos-planes li h4 {
    background-color:#649BCF;
    color:#fff;
    font-weight:bolder;
    padding:5px 15px 3px;
}
.cc-ford #secccion-3--tipos-planes li p {
    color:#fff;
    margin:0px;
    font-size:13px;
}
.secccion-3--tipos-planes--bg {
	/*background: url('../img/condiciones-claras/cc-contenido-ford-tipos-planes-bg.png') no-repeat top right;*/
    background-size:50% 50%;
}

/* 03.04. secccion-4--planes-destacados
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
.plan-destacado--imagen a {
    cursor:pointer;
}
#secccion-4--planes-destacados.my-5 {
    margin-top: 0rem !important;
}
#condiciones-claras--planes-destacados h3,
#condiciones-claras--planes-destacados h4 {
    color:#22284C;
    font-weight:400;
}
#condiciones-claras--planes-destacados h4 {
    font-size:2.6rem;
    font-weight:bold;
    margin-bottom:2.5rem;
}
#secccion-4--planes-destacados {
    text-align:center;
}
#secccion-4--planes-destacados h5 {
    color:#FFF;
}
.main-planes-destacados-carousel img {
    border-radius:20px;
}
.cc--planes-destacados----detalles {
    background-color:#242a4d;
    border:1px solid #fff;
    list-style-type:none;
    margin:25px auto 10px;
    padding:10px 15px 10px 35px;
    text-align:left;
    width:80%;
}
.cc--planes-destacados----detalles li {
    margin:0px auto 10px;
    position: relative;
}
.cc--planes-destacados----detalles li:after {
    color: #fff;
    content: ">";
    display: block;
    font-size: 1.6rem;
    height: 24px;
    left: -20px;
    position: absolute;
    top: -10px;
    width: 23px;
    z-index: 1;
}
.cc--planes-destacados----detalles h6 {
    color:#fff;
    margin:0px 0px 4px;
}
.cc--planes-destacados----detalles p {
    color:#fff;
    font-size:.8em;
}
.plan-destacado--imagen {
    display: flex;
    justify-content: center;
}


/* 03.05. secccion-5--planes-descargas
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
.planes-descargas--botones {
    display: flex;
    justify-content: center;
}
.planes-descargas--botones .btn-cc-ford {
    margin:0% 2%;
}
.btn-cc-ford {
    background-color: #fff;
    border-radius:20px;
    color: #000;
    font-size:14px;
    font-weight:bold;
    list-style: none;
    margin: 0px 0px 20px;
    padding: 10px 25px;
    min-width: 40%;
}
.btn-cc-ford:hover {
    background-color:#000;
    color: #fff !important;
    text-decoration:none;
}
.btn-cc-ford * {
    color: #000;
    text-align:center;
}
.btn-cc-ford:hover * {
    color: #fff;
}

/* 03.06. formulario
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
.popup .wpcf7-textarea,
.popup .wpcf7 select {
    width: 100% !important;
}
.popup .titleForm {
    font-size: 16px;
    margin-bottom: 1.5rem !important;
}
.popup input.wpcf7-form-control.wpcf7-submit {
    background-color: #000 !important;
    border-radius:20px !important;
    color: #fff;
    cursor: pointer;
    float: none !important;
    font-size:14px;
    font-weight:bold;
    height: auto !important;
    margin: 0px 0px 20px;
    min-width: 40%;
    padding: 10px 25px;
}
.popup input.wpcf7-form-control.wpcf7-submit:hover {
    background-color:#fff !important;
    color: #000 !important;
    text-decoration:none;
}



/*--------------------------------------------------------------
# 04. FOOTER
--------------------------------------------------------------*/
#footer-logos .container {
    max-width: 100% !important;
    width: 100% !important;
}
#footer-logos .col-12 {
    display: flex;
    justify-content: center;
    align-items: center;
}
#footer-logos .container img {
    opacity:0.3;
}
#footer-logos .container a:hover img {
    opacity:1;
}
#condiciones-claras-footer {
	background-color: #F4F4F4;
}
#footer-logos .container .footer-marca-logo-01 img {
    opacity:1;
    width: 100px;
}
#footer-logos .container .footer-marca-logo-02 {
    cursor: default;
}
#footer-logos .container .footer-marca-logo-02 img {
    opacity:1;
    width: 133px;
}
.footer-marca-logo-03 img {
	width: 66px;
}
.footer-marca-logo-04 img {
	width: 55px;
}
.footer-marca-logo-05 img {
	width: 95px;
}
.footer-marca-logo-06 img {
	width: 93px;
}
#footer-logos .container .footer-marca-logo-07 img {
    opacity:1;
    width: 99px;
}


/*--------------------------------------------------------------
# 05. RESPONSIVE
--------------------------------------------------------------*/
@media(max-width:600px) {
    .condiciones-claras-contenido h1,
    .condiciones-claras-contenido h2,
    .condiciones-claras-contenido h3,
    .condiciones-claras-contenido h4 {
        text-align:center;
    }
    .condiciones-claras-contenido h1 {
        font-size:1.8rem;
    }
    .condiciones-claras-contenido h2 {
        font-size:1.3rem;
    }
    .condiciones-claras-contenido h3 {
        font-size:1.5rem;
    }
    .page-condiciones-claras p {
        font-size:16px;
        line-height:140%;
    }
    .cc-ford #secccion-2--porque-elegir-plan .pq-elegir-plan--item li {
        padding: 20px 45px;
        transform: skewX(0deg);
        width:100%;
    }
    .cc-ford #secccion-2--porque-elegir-plan .pq-elegir-plan--item li * {
        transform: skewX(0deg);
    }
    .cc-ford #secccion-3--tipos-planes li {
        padding: 2% 5%;
        width:100%;
    }
    .pq-elegir-plan--item {
        padding-left: 0px;
    }
    .cc-ford #secccion-3--tipos-planes li h4,
    .cc-ford #secccion-3--tipos-planes li p {
        text-align:center;
    }
    .planes-descargas--botones {
        display: block;
        padding-right: 8%;
    }
    .planes-descargas--botones .btn-cc-ford {
        margin:0% 3% 3%;
    }
    .btn-cc-ford {
        min-width: 95%;
        display: block;
    }
    .cc-ford #secccion-3--tipos-planes li:before {
        display:none;
    }
    #condiciones-claras-footer #footer-logos a {
        display: inline-block;
        width: 49%;
        min-height: 100px;
    }
    #condiciones-claras-footer #footer-logos a:last-child {
        float:left;
    }
    #secccion-4--planes-destacados .carousel-control-next-icon, #secccion-4--planes-destacados .carousel-control-prev-icon {
        height: 30px !important;
        width: 25px !important;
    }
    .cc--planes-destacados----detalles {
        margin: 25px 30px 10px 28px;
        width: 80%;
    }
    #secccion-4--planes-destacados .slick-list.draggable {
        margin: 25px 0px 0px;
        padding:0px !important;
    }
    #footer-logos .col-12 {
        display: block;
    }
}

@media (min-width: 768px) {
    #secccion-3--tipos-planes .col-md-6:first-child {
        -ms-flex: 0 0 33.333333%;
        flex: 0 0 33.333333%;
        max-width: 33.333333%;
    }
    #secccion-3--tipos-planes .col-md-6:last-child {
        -ms-flex: 0 0 66.666667%;
        flex: 0 0 66.666667%;
        max-width: 66.666667%;
    }
}