/*==================================================
CALENDARIO LUNAR VETORIANO PRO
DISEÑO PREMIUM
==================================================*/
/*====================================
CONTADOR DEL DÍA
====================================*/

.clv-contador{

    width:100%;

    display:flex;

    justify-content:center;

    align-items:center;

    margin:22px auto 0;

    text-align:center;

    font-size:14px;

    color:#6B7280;

    font-weight:500;

}

.clv-contador strong{

    color:#2E7D32;

    font-size:15px;

    margin:0 4px;

}
.clv-wrapper{
    max-width:1200px;
    margin:40px auto;
    padding:0 20px;
}

.clv-title{
    margin:0 0 35px;
    text-align:center;
    font-size:34px;
    font-weight:700;
    color:#243424;
}

/*====================================
SWIPER
====================================*/

.clv-swiper{
    padding:8px 4px 55px;
}

.swiper-slide{
    height:auto;
    display:flex;
}

.swiper-pagination{
    display:none!important;
}

.swiper-button-next,
.swiper-button-prev{
    color:#2E7D32;
}

.swiper-button-next::after,
.swiper-button-prev::after{
    font-size:22px;
}

/*====================================
TARJETA
====================================*/

.clv-card{

    width:100%;

    display:flex;

    flex-direction:column;

    background:#fbf8f5;
    box-shadow: 0px 8px 12px 3px rgba(0, 0, 0, 0.07);
    border:1px solid #E5E7EB;

    border-radius:18px;

    padding:22px;

    transition:.25s;

    min-height:760px;

}

.clv-card:hover{

    border-color:#D1D5DB;

    transform:translateY(-3px);

}

.clv-hoy{
   
    border:2px solid #c6df67;

}

/*====================================
FECHA
====================================*/

.clv-dia{

    text-align:center;

    padding-bottom:18px;

    margin-bottom:20px;

    border-bottom:1px solid #ECECEC;

}

.clv-dia-semana{

    font-size:12px;

    text-transform:uppercase;

    letter-spacing:2px;

    color:#9CA3AF;

    margin-bottom:8px;

}

.clv-dia-numero{

    font-size:46px;

    font-weight:700;

    line-height:1;

    color:#111827;

}

.clv-dia-mes{

    margin-top:8px;

    font-size:14px;

    color:#6B7280;

}

.clv-hoy .clv-dia-numero{

    color:#2E7D32;

}

/*====================================
LUNA
====================================*/

.clv-luna{

    text-align:center;

    margin-bottom:22px;

}

.clv-icono{

    font-size:44px;

    margin-bottom:10px;

}

.clv-luna h3{

    margin:0;

    font-size:22px;

    font-weight:600;

    color:#1F2937;

}

/*====================================
DATOS
====================================*/

.clv-datos{

    margin-bottom:18px;

}

.clv-dato{

    display:flex;

    justify-content:space-between;

    align-items:center;

    padding:10px 0;

    border-bottom:1px solid #F3F4F6;

    font-size:14px;

}

.clv-dato span{

    color:#6B7280;

}

.clv-dato strong{

    color:#111827;

}

/*====================================
TRABAJOS
====================================*/

.clv-trabajos{

    min-height:150px;

    margin-bottom:18px;

}

.clv-trabajos h4{

    margin:0 0 12px;

    font-size:17px;

    color:#243424;

}

.clv-recomendado,
.clv-evitar{

    margin-bottom:14px;

}

.clv-recomendado strong{

    color:#2E7D32;

    font-size:14px;

}

.clv-evitar strong{

    color:#B45309;

    font-size:14px;

}

.clv-trabajos ul{

    margin:8px 0 0 18px;

    padding:0;

}

.clv-trabajos li{

    margin:4px 0;

    font-size:14px;

    color:#4B5563;

}

/*====================================
ECLIPSE
====================================*/

.clv-eclipse,
.clv-aviso{

    min-height:85px;

    margin-bottom:18px;

    padding:14px 16px;

    border-radius:12px;

    font-size:14px;

    line-height:1.5;

}

.clv-eclipse{

    background:#FFF8E8;

    border-left:4px solid #D4A017;

    color:#6B4F00;

}

.clv-aviso{

    background:#F4F8FC;

    border-left:4px solid #3B82F6;

    color:#334155;

}

.clv-eclipse strong,
.clv-aviso strong{

    display:block;

    margin-bottom:6px;

}
/*====================================
CONSEJO
====================================*/

.clv-consejo{

    min-height:95px;

    margin-bottom:20px;

    padding-top:16px;

    border-top:1px solid #F3F4F6;

}

.clv-consejo h4{

    margin:0 0 8px;

    font-size:16px;

    font-weight:600;

    color:#243424;

}

.clv-consejo p{

    margin:0;

    color:#6B7280;

    font-size:14px;

    line-height:1.6;

}

.clv-accion{

    margin-top:10px;

    font-weight:600;

    color:#2E7D32;

    font-size:14px;

}

/*====================================
PRODUCTO
====================================*/

.clv-producto{

    margin-top:auto;

    padding-top:18px;

    border-top:1px solid #E5E7EB;

}

.clv-producto-titulo{

    margin-bottom:12px;

    font-size:12px;

    letter-spacing:1px;

    text-transform:uppercase;

    color:#9CA3AF;

}

.clv-producto-imagen{

    width:100%;

    border-radius:12px;

    margin-bottom:12px;

}

.clv-producto-nombre{

    margin:0 0 8px;

    font-size:16px;

    font-weight:600;

}

.clv-producto-nombre a{

    color:#1F2937;

    text-decoration:none;

}

.clv-producto-nombre a:hover{

    color:#2E7D32;

}

.clv-producto-precio{

    margin:10px 0 14px;

    font-size:24px;

    font-weight:700;

    color:#2E7D32;

}

/*====================================
BOTÓN
====================================*/

.clv-btn{

    display:block;

    width:100%;

    padding:12px;

    border:1px solid #2E7D32;

    border-radius:10px;

    background:#fff;

    color:#2E7D32 !important;

    text-align:center;

    text-decoration:none;

    font-weight:600;

    transition:.25s;

}

.clv-btn:hover{

    background:#2E7D32;

    color:#fff !important;

}

/*====================================
RESPONSIVE
====================================*/

@media (max-width:768px){

.clv-wrapper{

padding:0 15px;

}

.clv-title{

font-size:28px;

margin-bottom:25px;

}

.clv-card{

padding:18px;

min-height:unset;

}

.clv-dia-numero{

font-size:38px;

}

.clv-icono{

font-size:38px;

}

.clv-luna h3{

font-size:20px;

}

.clv-trabajos{

min-height:auto;

}

.clv-consejo{

min-height:auto;

}

.clv-eclipse,
.clv-aviso{

min-height:auto;

}

.swiper-button-next,
.swiper-button-prev{

display:none;

}

}

/*====================================
PEQUEÑOS DETALLES
====================================*/

.clv-card>*:last-child{

margin-bottom:0;

}

.clv-trabajos ul,
.clv-evitar ul{

padding-left:18px;

}

.clv-trabajos li{

line-height:1.5;

}

.clv-eclipse p,
.clv-aviso p{

margin:0;

}