/* Worpress automaticamente en descripcion genera etiquetas br y p (saltos de linea) por lo cual se aplica este css (descomentar o activar en caso de que lo haga en este DIV)*/
/* Ojo: si coloco 2 bloques tiempo-entrega no abrirá el acordeon */
.tiempo-entrega br{
    display: none !important;
}
.tiempo-entrega p{
    display: none !important;
} 
.tiempo-entrega{
    border:1px solid black;
    border-radius:10px;
    overflow:hidden;
}

/* Título del acordeón */
.tiempo-titulo{
    font-family: "Poppins", sans-serif;
    font-size: 15.6px;
    font-weight: 700;
    position:relative;
    display:flex;
    justify-content:center;
    align-items:center;
    padding:15px;
    cursor:pointer;
    user-select:none;
}

/* Flecha */
.flecha{
    position:absolute;
    right:15px;
    transition:transform .3s ease;
    transform:rotate(0deg);
    font-size: 25px;
    font-weight: 800;
}

/* Flecha gira al abrir */
.tiempo-item.activo .flecha{
    transform:rotate(180deg);
}

/* Contenido */
.tiempo-contenido{
    font-family: "Poppins", sans-serif;
    font-size: 17px;
    font-weight: 500;
    line-height: 1.3;
    max-height:0;
    overflow:hidden;
    padding:0 14px;
    transition:
        max-height .4s ease,
        padding .4s ease;
}

/* Contenido abierto */
.tiempo-item.activo .tiempo-contenido{
    max-height:500px;
    padding:5px 14px 14px 14px;
}

/* Items internos */
.tiempo-entrega-item{
    margin-bottom:8px;
}

/* Título tiempo estimado */
.titulo-tiempo-estimado{
    font-family: "Poppins", sans-serif;
    font-size: 15.6px;
    font-weight: 700;
    margin:10px 0;
    text-align: center;
}

/* Línea separadora */
.tiempo-contenido hr{
    margin:15px 0;
}